jqueryhtml5视频播放控制代码
jQuery HTML5 视频播放控制核⼼代码:
<video class="pause" controls poster="images/vedio.jpg" width="663" height="373">
<source src="video/Defone3.8_1.mp4" type="video/mp4">
您的浏览器不⽀持html5!
</video>
jquery下载文件插件<script type="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之类的⼯具在eclipse配置tomcat
<script type="text/javascript" src="../../lib/jquery.min.js"></script>
<script type="text/javascript" src="../../dist/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function (event) {
$(this).jPlayer("setMedia", {
title: "Bubble",
m4a: "/audio/m4a/Miaow-07-Bubble.m4a",
oga: "/audio/"
});flask api接口开发
},
c 语言程序设计课后答案swfPath: "../../dist/jplayer",源码下载联系一品资源网
supplied: "m4a, oga",
wmode: "window",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,idea怎么运行整个项目
remainingDuration: true,
toggleDuration: true
});
});
/
/]]>
</script>
jPlayer是⼀个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是⼀个Zepto插件) jPlayer可以让你迅速编写⼀个跨平台的⽀持⾳频和视频播放的⽹页. jPlayer的丰富API可以让你创建⼀个个性化多媒体应⽤,因此也获得越来越多的社区成员的⽀持和⿎励。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论