<!DOCTYPE html>
<html>
<body>

<div style="text-align:center;">
  <button onclick="playPause()">播放/暂停</button>
  <button onclick="makeBig()">大</button>
  <button onclick="makeNormal()">中</button>
  <button onclick="makeSmall()">小</button>
  <br />
  <video id="video1" width="420" style="margin-top:15px;">
    <source src="/example/html5/mov_bbb.mp4" type="video/mp4" />
    <source src="/example/html5/mov_bbb.ogg" type="video/ogg" />
    Your browser does not support HTML5 video.
  </video>
</div>

<script type="text/javascript">
var myVideo=document.getElementById("video1");

function playPause()
{
if (myVideo.paused)
  myVideo.play();
else
  myVideo.pause();
}

function makeBig()
{
myVideo.width=560;
}

function makeSmall()
{
myVideo.width=320;
}

function makeNormal()
{
myVideo.width=420;
}
</script>

</body>
</html>

这些代码能实现什么呢?让我们来看看一个简单的HTML5页面可以实现多么复杂的视频,不借助于FLASH插件和任何其他第三方视频播放插件。OH~我们很期待下一代HTML能够更加的强大和便捷,这是一个初学者的课程,如果想深入学习的,可以直接给我留言。

HTML5

 

这么多时间以来,一直是在更新SEO之类的文章,是时候来点基础语言类的了。我们不光只是学习SEO,要将它发挥的淋漓尽致,你还需要懂得代码。比如"Nofollow"等等,当然你也可以深入的学习更多的知识,来强大你自己。

 

 

 

最后修改:2022 年 12 月 05 日
如果觉得我的文章对你有用,请随意赞赏