首页 > Web开发 > 详细

html5 视频播放

时间:2016-03-15 23:22:56      阅读:292      评论:0      收藏:0      [点我收藏+]

html5 视频播放

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript">
        $().ready(function () {
            $("#play").bind(click,function(){
               $("#video")[0].play();
            });
            $("#pause").bind(click, function () {
                $("#video")[0].pause();
//                $("#video")[0].currentTime+=10;   //快进10秒
//                $("#video")[0].currentTime-=10;    //快退10秒
//                $("#video")[0].playbackRate+=2;   // 播放速度+
//
//                $("#video")[0].volume+=0.1; // 加音量
//                $("#video")[0].muted=true; // 静音
//                $("#video")[0].muted=false;// 取消静音
//                $("#video")[0].webkitEnterFullscreen();  //webkit 全屏
//                $("#video")[0].mozRequestFullScreen();   // firefox 全屏
            });
        });
    </script>
</head>
<body>
<video id="video" width="400">
    <source src="../video/piano.mp4" type="video/mp4"/>
你的浏览器不支持html5
</video>
<hr>
<button id="play">播放</button><button id="pause">暂停</button>
<!--<video controls="controls">   默认视频控制条-->

</body>
</html>

 

html5 视频播放

原文:http://www.cnblogs.com/gyz418/p/5281584.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!