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>
