插件描述:一款简单的网页视频播放器插件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();
}
};