北京pk10直播

jQuery視頻播放插件jsModern(修改版)

所屬分類:媒體-音頻和視頻

分享到微信朋友圈
X
jQuery視頻播放插件jsModern(修改版) ie兼容9

使用方法

文件里只需要 寫引入 jsModern 的樣式表和 js,和 jquery的包,

<link rel="stylesheet" href="css/jsmodern.min.css">
<script src="http://www.vj1q.com/jquery/jquery-1.10.2.js"></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();
    }
};
相關插件-音頻和視頻

音樂播放器

音樂播放器插件
  音頻和視頻
 20146  67

3D音頻分析儀

3D音頻分析儀,效果那是相當的震撼。
  音頻和視頻
 16424  104

jquery音樂播放器

基于Jplayer制作一款音樂播放器,界面簡潔漂亮。
  音頻和視頻
 39594  181

Html5 手機視頻播放器自適應

Html5 手機視頻播放器自適應
  音頻和視頻
 70474  274

討論這個項目(12)回答他人問題或分享插件使用方法獎勵jQ幣

    So1a 0
    2019/4/19 11:04:18
    大神您好,我這邊使用這個播放器之后IE9瀏覽器點擊全屏沒反應是什么原因呢?全屏的按鈕是暗色的,暫停和聲音是白色可正常使用。 回復
    她說 0
    2019/4/18 15:10:03
    可以播放的格式有哪些 回復
    曾經認識的你 0
    2019/4/13 14:36:20
    我也想知道視頻是什么電影的
        deicao0
        2019/4/16 17:23:32
        守望先鋒宣傳短片
    回復
    孤風殘月 0
    2019/4/3 13:55:43
    幾百兆的視頻可以播放嗎
        曾經認識的你0
        2019/4/13 14:25:54
        ????
    回復
    ??丶hec 0
    2019/4/1 14:09:03
    - - 守望先鋒宣傳片啊~~~ 回復
    hai 0
    2019/4/1 11:52:33
    視頻插件還沒用不知道,還有視頻叫什么名字? 回復
    ??丶hec 0
    2019/4/1 11:16:30
    視頻叫啥名字啊
        Woow0
        2019/4/8 13:40:20
        的確的守望先鋒官方視頻,是暴雪的一款游戲
    回復
    懷念★往事 0
    2019/3/29 17:35:11
    視頻插件厲不厲害我不知道。。。。我只知道,這視頻還挺好看的,哈哈~
        孤風殘月0
        2019/4/3 13:56:49
        不好看
    回復
取消回復
  短信接口
北京pk10直播