码迷,mamicode.com
首页 > Web开发 > 详细

html5---音频视频播放

时间:2015-05-12 09:29:34      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:html5   视频   

<!DOCTYPE HTML>
<html>
    <head>
    <script>
    window.onload=function  () {
     var playbtn=document.getElementById("play");
     var video=document.getElementById("video");
     playbtn.onclick=function  () {
       video.play();
     }
    }
    </script>
    </head>
    <body>
      <video controls=controls  loop =loop poster="1.jpg" id="video">
        <source src="iceage4.mp4"></source>
        <source src="iceage4.webm"></source>   <!--第一个格式不正确就播放第二个-->
      </video>
      <input type="button" value="播放" id="play"/>
      <audio src="fcml.mp3" controls=controls >
      </audio>
    </body>
</html>

html5---音频视频播放

标签:html5   视频   

原文地址:http://blog.csdn.net/sjtu_chenchen/article/details/45650883

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!