jsmodern_jQuery视频播放插件jsModern（修改版）

插件描述：一款简单的网页视频播放器插件jsModern,视频插件加了一个播放的按钮，视频播放时候就 隐藏。暂停就显示，

使用方法

文件里只需要 写引入 jsModern 的样式表和 js，和 jquery的包，

我这个视频是 本地的，你可以更改自己的 视频地址。

    

自己 加了一个播放的按钮，视频播放时候就 隐藏。暂停就显示，//播放视频

$(".VideoBtn").click(function() {

var video = document.getElementById("videoShow");

video.play();

$('.VideoBtn').hide();

})

//监听视频的播放状态

var video = document.getElementById("videoShow");

video.oncanplay = function() {

$(".VideoBtn").show();

//$("#video").attr("poster","");

}

//视频播放事件

video.onplay = function() {

$("#videoShow").attr("poster", "");

$(".VideoBtn").hide();

};

video.onplaying = function() {

$(".VideoBtn").hide();

};

//视频暂停事件

video.onpause = function() {

$(".VideoBtn").show();

};

//点击视频周围暂停播放图片出现

video.onclick = function() {

if (video.paused) {

$(".VideoBtn").hide();

video.play();

} else {

$(".VideoBtn").show();

video.pause();

}

};

总结

以上是生活随笔为你收集整理的jsmodern_jQuery视频播放插件jsModern（修改版）的全部内容，希望文章能够帮你解决所遇到的问题。

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