HTML5 视频播放

具体代码实现

 <!--video定义声音 ; controls控制器（播放，暂停，音量调整）-->
<!-- <video src="../music/wo.mp3" controls="controls">你的浏览器不支持</video>-->

<!-- 用按钮来替换控制器！controls-->
 <button onclick="fun()">播放/暂停</button>
   <!-- 放大 -->
 <button onclick="fun1()">放大</button>
   <!-- 缩小 -->
 <button onclick="fun2()">缩小</button><br/>

 <video id="video">
<!-- <video id="video" height="500" width="800">-->
<!--<video controls="controls">-->
   <!-- source 指定多媒体资源，可以是多个 -->
    <source src="../music/baby.mp4">
    <source src="../music/wo.ogg">
    你的浏览器不支持
</video>


 <script type="text/javascript">
    //获得视频
    // 对象
     var v=document.getElementById("video");
     function fun(){
         if(v.paused){
             v.play(); //播放
         }else{
             v.pause();  //暂停
         }
     }

    //big
     function fun1(){
         v.width=600;
         v.height=600;
     }

    //small
     function fun2(){
         v.width=300;
         v.height=300;
     }


 </script>

效果

 （1）单击播放/暂停

（2）单击放大

（3）单击缩小