jquery设置video的宽度_jquery html5 视频播放控制代码

jQuery HTML5 视频播放控制核心代码：

您的浏览器不支持html5！

$('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');

}

});

如果想正式用户播放环境，建议大家使用jplayer之类的工具

//

$(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

});

});

//]]>

jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件) jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页. jPlayer的丰富API可以让你创建一个个性化多媒体应用，因此也获得越来越多的社区成员的支持和鼓励。

总结

以上是生活随笔为你收集整理的jquery设置video的宽度_jquery html5 视频播放控制代码的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。