• 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=" 450px;"> <div id="video_18" style="position: relative; display: block; 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,
       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);
        }
  • 相关阅读:
    文件操作小练习
    阶段练习1
    copy小练习
    小练习
    str 小列题
    条款50:使用自定义的new以及delete的时机会
    条款49:了解new-handle行为
    简单的说一下:tarits技法就是一种模板元编程,起可以将本来处于运行期的事拉到编译期来做,增加了运行效率。 看以非模板元编程的例子,就是前面的那个例子:
    条款47:请使用traits class表示类型信息
    条款46:需要类型转换的时候请为模板定义非成员函数
  • 原文地址:https://www.cnblogs.com/szatpig/p/4826604.html
Copyright © 2020-2023  润新知