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
(#换成@)。