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

查看演示立即下载

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

使用方法

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

<link rel="stylesheet" href="css/jsmodern.min.css">
<script src="/"></script>
<script src="jq/jsmodern.min.js"></script>

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

<div id="video">
    <video src="images/video.mp4" id="videoShow"></video>
    <span ><img src="images/bo1.png"></span>
</div>

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

//播放视频
$(".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();
    }
};

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery拖拽拉伸缩放插件l_zoom
下一个特效： Ladmin后台管理系统框架2.0