播放控制

時間 2019-11-06

標籤播放控制简体版

原文原文鏈接

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
 
     <div class="video-player" align="center">
 
     	<video id="myVideo" controls preload="auto" width=300 height="165" 
poster="http://img0.ph.126.net/I10JqUUJDmlEtE_XYl4hOg==/6608842237655242020.jpg" 
src="http://www.w3cschool.cc/try/demo_source/mov_bbb.mp4"    poster="poster.jpg">
</video>
 
      <br>
 
      <a href="javascript:playPause();">Play/Pause</a> <br>
 
      <a href="javascript:makeBig();">2x Size</a> |
 
      <a href="javascript:makeNormal();">1x Size</a> <br>
 
     </div>
 



 <script type="text/javascript">
 
  
 
       function playPause() {
 
       var myVideo = document.getElementById('myVideo');
 
       if (myVideo.paused)
 
           myVideo.play();
 
       else
 
           myVideo.pause();
 
       }
 
  
 
       function makeBig() {
 
       var myVideo = document.getElementsByTagName('video')[0];
 
       myVideo.height = (myVideo.videoHeight * 2 ) ;
 
       }
 
  
 
       function makeNormal() {
 
       var myVideo = document.getElementsByTagName('video')[0];
 
       myVideo.height = (myVideo.videoHeight) ;
 
       }
 
  
 
    </script>
  </body>
</body>
</html>

相關標籤/搜索