jwplayer播放器停止 单页内多个jwplayer对象停止问题

单页内多个jwplayer对象停止问题,一直没有找到单页内多个jwplayer播放器停止问题,点击其中一个停止其他播放器;

整个播放代码Remove(),这样就可以停止了,也在ie下防止暂停不了、重音的情况,

html部分(我的是循环)

<ul>
     <li class="span_01 spanBgA" onclick="PlayVideo($(‘#hiddFile_18’).val(), $(‘#hiddID_18’).val(), $(‘#hiddVideoSnap_18’).val())"></li>
     <li class="span_02 spanImg" onclick="PlayVideoImg($(‘#hiddFile_18’).val(), $(‘#hiddID_18’).val(), $(‘#hiddVideoSnap_18’).val())"><img src="/Images/novideo.png" width="70" height="70"><a class="linkBg" href="javascript:;"></a></li>
     <li class="span_03" title="软件测试工程师(苏州)">软件测试工程师(...</li>
     <li class="span_04"><span class="spanQu">你觉得公司的工作氛围如何/</span><span class="spanQuTime">提问时间:2015-09-16</span></li>
     <li class="span_05"><a class="txt_green">已回答</a></li>
     <li class="span_06">2015-09-15</li>
     <li class="span_07" style="display: none;">
         <div class="spanVideoDe">
            <table class="tab_video" style="font-size: 12px;">
                <tbody>
<
tr>
<td style="width: 450px;"> <div id="video_18" style="position: relative; display: block; width: 400px; height: 400px;"></div> <input type="hidden" id="hiddFile_18" value=""> <input type="hidden" id="hiddID_18" value="video_18"> <input type="hidden" id="hiddVideoSnap_18" value="/Images/novideo.png"> </td> </tr> </tbody>
</
table> </div> </li> </ul>

 

建一个新的隐藏变量

<input type="hidden" id="stopPlayID" value="0" />

点击视频播放时,保存当前id

        //视频展开与折叠
        $(".QuVDeList ul .span_01").click(function () {
            if ($(this).hasClass("spanBgA")) {
                $(this).removeClass("spanBgA").addClass("spanBgM");
                $(this).parent("ul").siblings().children("li.span_01").removeClass("spanBgM").addClass("spanBgA");
                $(this).siblings(".span_07").slideDown(1000);
                $(this).parent("ul").siblings().children("li.span_07").slideUp(1000);
                if ($('#stopPlayID').val() != "" && $('#stopPlayID').val() != $(this).siblings(".span_07").find("input[id^='hiddID_']").val()) {
                   playStop();
                }                
                $('#stopPlayID').val($(this).siblings(".span_07").find("input[id^='hiddID_']").val())
            } else {
                $(this).removeClass("spanBgM").addClass("spanBgA");
                $(this).siblings(".span_07").slideUp(1000);
                playStop();
            }
        });

播放代码

//视频播放部分
function PlayVideo(_fileName,id,imgUrl) {
  jwplayer(id).setup({
  flashplayer: "../../Scripts/player.swf",
  file: _fileName,
  height: 400,
  width: 400,
  screencolor: "#383838",
  backcolor: "#585858",
  frontcolor: "#b9b9b9",
  autoStart: false,
  image: imgUrl,
  controlbar: "bottom"
  });
}

remove()部分

    function playStop() {       
        var PSID = $('#stopPlayID').val();
        $("#" + PSID + "_wrapper").empty().attr("id",PSID);
    }

 

转载于:https://www.cnblogs.com/szatpig/p/4826604.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值