HTML5使用DOM进行自定义控制

<p id="video_p" style="text-align:center;">  <button onclick="playPause()">播放/暂停</button>  <button onclick="toBig()">大</button>  <button onclick="toNormal()">中</button>  <button onclick="toSmall()">小</button>  <video id="myVideo" width="500" height="250" style="margin-top:15px;">  <source src="demo.mp4" type="video/mp4" />  <source src="demo.ogg" type="video/ogg" />  您的浏览器不支持此HTML5 视频标签。  </video>  </p>

<script type="text/javascript">  var myVideo=document.getElementById("myVideo");  function playPause()  {  if (myVideo.paused)  myVideo.play();  else  myVideo.pause();  }  function toBig()  {  myVideo.width=560;  }  function toNormal()  {  myVideo.width=420;  }  function toSmall()  {  myVideo.width=320;  }  </script>

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

如何通过HTML5触摸事件实现移动端简易进度条

Html5移动端获奖无缝滚动动画实现

以上就是HTML5使用DOM进行自定义控制的详细内容，更多内容请关注技术你好其它相关文章！