单页内多个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);
}

jwplayer播放器停止 单页内多个jwplayer对象停止问题的更多相关文章

  1. JwPlayer播放器【去除Logo、去除版本信息】

    效果图: <html> <head> <title>JwPlayer播放器@杯中红茶</title> <script type="tex ...

  2. 关于JWPlayer播放器的一些测试学习

    <!DOCTYPE html><html><head> <title>jwplayer播放器测试</title> <script ty ...

  3. ES6 class——音乐播放器实例

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  4. 【音乐App】—— Vue-music 项目学习笔记:播放器内置组件开发(二)

    前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 播放模式切换 歌词滚动显示 ...

  5. 单片AT89C2051 + SD卡 + 3310LCD = 音乐播放器

    http://www.amobbs.com/thread-4503884-1-1.html 这个小玩意,采用 ATMEL 的传统51MCU作主控制芯片,加上SD卡和显示屏,就可以作简单的音乐播放器了, ...

  6. Android通过意图使用内置的音频播放器

    假设实现一个音频文件的播放,那么在应用程序中提供播放音频文件功能的最简单的方式是利用内置的"Music(音乐)"应用程序的功能--即使用系统自带的或已安装好的音乐播放器来播放指定的 ...

  7. MellPlayer, 基于网易云歌单的命令行播放器

    MellPlayer 前言 我写代码时非常喜欢听音乐,最近在网易云歌单中听到了许多入耳惊艳的歌,觉得非常不错.但是歌单的随机播放以及快速切换是个软肋,于是开发了MellPlayer,可以按照分类随机听 ...

  8. H5播放器内置播放视频(兼容绝大多数安卓和ios)

    关于H5播放器内置播放视频,这个问题一直困扰我很长一段时间,qq以前提供白名单已经关闭,后来提供了同层属性的控制,或多或少也有点差强人意. 后来一次偶然发现一个非常简单的方法可以实现. 只需要给vid ...

  9. Web前端:博客美化:四、网易云音乐单曲播放器

    1.页面定制CSS代码 /*3.音乐播放器*/ .content-wrap { overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* ...

随机推荐

  1. 51Nod--1010 只包含235的数

    51Nod: http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1010 1010 只包含因子2 3 5的数 基准时间限制:1 ...

  2. 软件工程(FZU2015)赛季得分榜,第三回合

    目录 第一回合 第二回合 第三回合 第四回合 第五回合 第6回合 第7回合 第8回合 第9回合 第10回合 第11回合 积分规则 积分制: 作业为10分制,练习为3分制:alpha30分: 团队项目分 ...

  3. 理解C# 4 dynamic(1) - var, object, dynamic的区别以及dynamic的使用

    阅读目录: 一. 为什么是它们三个 二. 能够任意赋值的原因 三. dynamic的用法 四. 使用dynamic的注意事项 一. 为什么是它们三个? 拿这三者比较的原因是它们在使用的时候非常相似.你 ...

  4. Asp.Net MVC<四>:路由器

    路由的核心类型基本定义于System.Web.dll中,路由机制同样可应用与Web Forms,实现请求地址和物理文件的分离. web form中使用路由器的示例 路由配置 protected voi ...

  5. ES6新特性:使用export和import实现模块化

    在ES6前, 前端就使用RequireJS或者seaJS实现模块化, requireJS是基于AMD规范的模块化库,  而像seaJS是基于CMD规范的模块化库,  两者都是为了为了推广前端模块化的工 ...

  6. Ubuntu(基于Ubuntu)中常用的apt和dpkt命令

    apt-get sudo apt-get install package 安装包   sudo apt-get -f install 修复安装”-f = ——fix-missing”   sudo a ...

  7. UTF-8 Unicode ANSI网页编码的区别

    1.ASCII码 我们知道,在计算机内部,所有的信息最终都表示为一个二进制的字符串.每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态,这被称为一个字节(byte).也 ...

  8. Web Analytics 2.0 中文翻译 [ 系列索引 ]

    引言 内容概述 第一章:网站分析2.0的新奇世界 第二章:选择你的网络分析灵魂伴侣的最佳策略 第三章:点击流分析的奇妙世界:指标 第四章:点击流分析的奇妙世界:实际的解决方案 第五章:荣耀之钥:度量成 ...

  9. Bzoj1208 [HNOI2004]宠物收养所

    Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 7457  Solved: 2960 Description 最近,阿Q开了一间宠物收养所.收养所提供两 ...

  10. 同一网站中HTML相对路径引用

    ../表示目录的上一级 如:一个网站文件夹text里有HTML,JS,CSS....文件夹,HTML文件夹有个text.html, JS文件夹有个text.js, CSS文件夹中有个text.css. ...