jquery html5 视频播放控制代码
jQueryHTML5视频播放控制核心代码：
<videoclass="pause"controlsposter="images/vedio.jpg"width="663"height="373">
<sourcesrc="video/Defone3.8_1.mp4"type="video/mp4">
您的浏览器不支持html5！
</video>
<scripttype="text/javascript">
$('video').click(function(){
if($(this).hasClass('pause')){
$("video").trigger("play");
$(this).removeClass('pause');
$(this).addClass('play');
}else{
$("video").trigger("pause");
$(this).removeClass('play');
$(this).addClass('pause');
}
});
</script>
如果想正式用户播放环境，建议大家使用jplayer之类的工具
<scripttype="text/javascript"src="../../lib/jquery.min.js"></script>
<scripttype="text/javascript"src="../../dist/jplayer/jquery.jplayer.min.js"></script>
<scripttype="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready:function(event){
$(this).jPlayer("setMedia",{
title:"Bubble",
m4a:"http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
oga:"http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
});
},
swfPath:"../../dist/jplayer",
supplied:"m4a,oga",
wmode:"window",
useStateClassSkin:true,
autoBlur:false,
smoothPlayBar:true,
keyEnabled:true,
remainingDuration:true,
toggleDuration:true
});
});
//]]>
</script>
下载地址：https://www.nhooo.com/jiaoben/32245.html
jPlayer是一个JavaScript写的完全免费和开源(MIT)的jQuery多媒体库插件(现在也是一个Zepto插件)jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页.jPlayer的丰富API可以让你创建一个个性化多媒体应用，因此也获得越来越多的社区成员的支持和鼓励。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短