你的位置:首页 > 网页设计

[网页设计]html5 视频播放


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>