基本上就是电影播放暂停什么的 手动点击按钮下一部电影
html部分代码
<!DOCTYPE html> <html> <head> <title>test video</title> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <video src="movie.ogg" controls="controls" id="video" preload='no' width="500px;"> 您的浏览器不支持 video 标签。<!-- autoplay 视频自动播放--> </video> <hr /> <button onclick="bofang()" id="bofang">播放</button> <button onclick="tingzhi()" >停止</button> <input type="button" value="下一部" id="t_btn"> <button onclick="kuaitui()">快进10秒</button> <button onclick="shutup(this)">闭嘴</button> <button onclick="soso()">加速播放</button> <button onclick="yu()">减速播放</button> <button onclick="normal()">正常音量</button> <button onclick="upper()">提高嗓门</button> <button onclick="lower()">降低嗓门</button> <div> <input type="hidden" placeholder="视频url." id="t_url"> </div></body> </html>
这个是javascript 部分的代码 我本身就是当做练习做的所以没有将这部分封成js
<script type="text/javascript"> var listVideo=['E:\\baofeng\\诅咒解说 S4信爷表示十个不够打 超清.mp4','E:\\baofeng\\诅咒解说 霸气螳螂 S4最强刺客打野 超清.mp4','E:\\baofeng\\诅咒解说 蜘蛛神carry 超逆风翻盘惊呆棒子 高清.mp4','E:\\baofeng\\留级之王3_(new).webm']; // 初始化播放列表 var len=0; $(function(){ $("#t_btn").click(function(){ if(len<listVideo.length){ $("#t_url").val(listVideo[len]); len+=1; } else { $("#t_url").val(listVideo[0]); len=1; } $("#video").attr("src",$("#t_url").val());//更新url // $("#video").attr("autoplay","true");//直接播放 }); }); var len=0; var video=document.getElementById('video'); var pd=0; //播放方法 function bofang(){ if(pd==0){ video.play(); pd=1; document.getElementById('bofang').innerHTML='暂停'; }else if(pd==1){ video.pause(); pd=0; document.getElementById('bofang').innerHTML='播放'; } } //下一部 $("#xiayibu").click(function(){ alert(); $("#video").attr("src",$("#t_url").val());//更新url $("#video").attr("autoplay","true");//直接播放 len=len+1; }); //快退10秒 function kuaitui(){ video.currentTime+=10; } function tingzhi(){ video.currentTime=video.maxTime-1; video.pause(); pd=0; document.getElementById('bofang').innerHTML='播放'; } //静音按钮 function shutup(obj){ if(video.muted){ obj.innerHTML="闭嘴"; video.muted=false; }else{ obj.innerHTML="张嘴"; video.muted=true; } } //加速播放(3倍速度) function soso(){ video.playbackRate=3; } //慢速播放(慢三倍) function yu(){ video.playbackRate=1/3; } //正常倍速 function normal(){ video.playbackRate=1;//默认的播放倍速是1 } //调高声音 function upper(){ video.volume+=0.2;//声音值的范围是0-1 } //调低声音 function lower(){ video.volume-=0.2; } </script>
影片路径什么的 没太细致的写 就是写死的路径