你的位置:首页 > 软件开发 > 网页设计 > html5 视频播放

html5 视频播放

发布时间:2016-03-15 23:00:05
html5 视频播放<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</ ...

html5 视频播放

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>Title</title>  <script type="text/javascript" src='/images/loading.gif' data-original="../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='/images/loading.gif' data-original="../video/piano.mp4" type="video/mp4"/>你的浏览器不支持html5</video><hr><button id="play">播放</button><button id="pause">暂停</button><!--<video controls="controls">  默认视频控制条--></body></html>

原标题:html5 视频播放

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。