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);
}
jwplayer播放器停止 单页内多个jwplayer对象停止问题的更多相关文章
- JwPlayer播放器【去除Logo、去除版本信息】
效果图: <html> <head> <title>JwPlayer播放器@杯中红茶</title> <script type="tex ...
- 关于JWPlayer播放器的一些测试学习
<!DOCTYPE html><html><head> <title>jwplayer播放器测试</title> <script ty ...
- ES6 class——音乐播放器实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- 【音乐App】—— Vue-music 项目学习笔记:播放器内置组件开发(二)
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 播放模式切换 歌词滚动显示 ...
- 单片AT89C2051 + SD卡 + 3310LCD = 音乐播放器
http://www.amobbs.com/thread-4503884-1-1.html 这个小玩意,采用 ATMEL 的传统51MCU作主控制芯片,加上SD卡和显示屏,就可以作简单的音乐播放器了, ...
- Android通过意图使用内置的音频播放器
假设实现一个音频文件的播放,那么在应用程序中提供播放音频文件功能的最简单的方式是利用内置的"Music(音乐)"应用程序的功能--即使用系统自带的或已安装好的音乐播放器来播放指定的 ...
- MellPlayer, 基于网易云歌单的命令行播放器
MellPlayer 前言 我写代码时非常喜欢听音乐,最近在网易云歌单中听到了许多入耳惊艳的歌,觉得非常不错.但是歌单的随机播放以及快速切换是个软肋,于是开发了MellPlayer,可以按照分类随机听 ...
- H5播放器内置播放视频(兼容绝大多数安卓和ios)
关于H5播放器内置播放视频,这个问题一直困扰我很长一段时间,qq以前提供白名单已经关闭,后来提供了同层属性的控制,或多或少也有点差强人意. 后来一次偶然发现一个非常简单的方法可以实现. 只需要给vid ...
- Web前端:博客美化:四、网易云音乐单曲播放器
1.页面定制CSS代码 /*3.音乐播放器*/ .content-wrap { overflow-y: scroll; -webkit-overflow-scrolling: touch; } /* ...
随机推荐
- Pyhont-Urllib
urllib 方法 1 httpContent=urllib.urlopen(url) 2 fileName, httpContent= urllib.urlretrieve(url, filePat ...
- CentOS 7.2 安装配置mysql主从服务器
MySQL官方压缩包安装: 1:下载mysql官方版本,此处以目前最新版本5.7.14为例,下载的64位版本文件为: mysql-5.7.14-linux-glibc2.5-x86_64.tar 2: ...
- ob_start()
ob_start()函数用于打开缓冲区 1.用于header()之前 ob_start(); //打开缓冲区 echo "Hellon"; //输出 header("lo ...
- jenkins持续集成源码管理选项为None,构建失败找不到git.exe解决办法
我的jenkins版本为Jenkins ver. 2.19.1 1.源码管理选项只有None的解决办法: 在插件管理中心,搜索对应的源码管理插件这里以git为例,搜索git plugin点击右下角的安 ...
- COGS461. [网络流24题] 餐巾
[问题描述] 一个餐厅在相继的N天里,第i天需要Ri块餐巾(i=l,2,…,N).餐厅可以从三种途径获得餐巾. (1)购买新的餐巾,每块需p分: (2)把用过的餐巾送到快洗部,洗一块需m天,费用需f分 ...
- pair correlation ggpair ggmatrix
https://zhuanlan.zhihu.com/p/23400450 首发于 R语言数据分析与可视化 关注专栏 登录 写文章 R 语言矩阵散点图 EasyCharts· 15 天前 散点 ...
- oracle---触发器总结
一.触发器简介 触发器的定义就是说某个条件成立的时候,触发器里面所定义的语句就会被自动的执行.因此触发器不需要人为的去调用,也不能调用.然后,触发器的触发条件其实在你定义的时候就已经设定好了.这里面需 ...
- PHP WAMP 文件上传 及 简单的上传预览
...... 使用特殊的表单类型file, 主(上传)页面: <form action="chuli.php" method="post" enctype ...
- Maven+Spring MVC Spring Mybatis配置
环境: Eclipse Neon JDK1.8.0 Tomcat8.0 先决条件: Eclipse先用maven向导创建web工程.参见本站之前随笔. 本机安装完成mysql5:新建用户xuxy03设 ...
- DD_belatedPNG.js解决透明PNG图片背景灰色问题
<!--[]> <script type="text/javascript" src="http://www.phpddt.com/usr/themes ...