video視頻，audio音頻基礎學習

時間 2019-11-17

標籤 video 視頻 audio 音頻基礎學習简体版

原文原文鏈接

最近在系統的學習HTML5的新功能，作了些基礎了練習javascript

主要是播放/暫停：play(); pause()；html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#video1{
       margin-top:10px;
   }
audio{
       margin-top:20px;
       width:320px;
   }
</style>
</head>
<body>
   <div style="text-align:center;">
       <button onclick="playPause()">play/pause</button>
       <button onclick="makeBig()">lg</button>
       <button onclick="makeNormal()">md</button>
       <button onclick="makeSmall()">sm</button></br>
       
       <video id="video1" width="320">
           <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg">
           <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4">
       </video></br>
       <audio controls="controls">
          <source src="http://www.w3school.com.cn/i/song.ogg" type="audio/ogg">
          <source src="http://www.w3school.com.cn/i/song.mp3" type="audio/mpeg">
       </audio>
   </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 makeNormal(){
       myVideo.width=420;
   }
   function makeSmall(){
       myVideo.width=320;
   }
   </script>
</body>
</html>java

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。