HTML5技术

html5 视频播放 - gyz418

字号+ 作者:H5之家 来源:博客园 2016-03-17 16:31 我要评论( )

html5 视频播放 Title $().ready( function () {$( (){$( ].play();});$( () {$( ].pause(); // $("#video")[0].currentTime+=10; //快进10秒 // $("#video")[0].currentTime-=10; //快退10秒 // $("#video")[0].playbackRate+=2; // 播放速度+ //// $("#vid

<!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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评