在Firefox中隐藏元素时,Youtube的播放停止
Playback of Youtube stops when hiding element in Firefox
我正在尝试在播放Youtube视频时隐藏它。在Chrome中,它运行得很好,但在Firefox中,隐藏时播放会停止。
这是我点击#hide 的代码
$('#hide').click(function(){
$('.flash-wrapper').toggleClass("hidden");
$('#footer').fadeToggle();
var hideText = $('#hide').text();
if(hideText == "Hide everything") {
$('#hide').text('Show everything');
} else {
$('#hide').text('Hide everything');
}
});
隐藏类
.hidden {
position: absolute;
left: -10000px;
}
一个示例。flash包装
<div class="flash-wrapper Jj6yXxVc21Y">
<div id="Jj6yXxVc21Y">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "Jj6yXxVc21Y" };
swfobject.embedSWF("http://www.youtube.com/v/Jj6yXxVc21Y&enablejsapi=1&playerapiid=ytplayer", "Jj6yXxVc21Y", "250", "25", "8", null, null, params, atts);
</script>
</div>
闪存包装类
.flash-wrapper {
float: left;
margin-left: 5px;
}
我将.hidden更改为以下代码,现在播放不会停止
.hidden {
margin-top: -1000px;
}
相关文章:
- 可以't根据设备自动调整youtube播放器的大小
- YouTube播放器API全屏事件
- 如何解决youtube播放器没有显示全宽的问题&身高
- 检测嵌入的 Youtube 播放器字幕
- ajax/jQuery Youtube 播放列表推送
- Win7 IE9 youtube播放器js对象没有任何方法
- 如何将特定 ID 传递给嵌入式 YouTube 播放器
- 如何访问现有的YouTube播放器's连接到IFrame
- 提交youtube播放列表id并从id加载播放列表
- 什么'这是鼠标悬停后更改youtube播放器大小的最佳方法
- 获取youtube播放列表的参考
- 在嵌入youtube播放器时收听
- YouTube播放器API onReady未启动www.YouTube-nocookie.com
- Youtube播放了秒数
- 如何添加id和额外的参数到一个放大弹出iframe与youtube视频,所以我可以控制与API youtube播放器
- Youtube播放器iframe嵌入不适用于我的频道
- Youtube播放器API playVideo将api_video_info作为player_204返回
- 多个 YouTube 播放器,位于选项卡式角度 UI 控件中.想要添加折叠
- YouTube播放列表 - 在页面加载时显示播放列表
- 如何获取对现有 YouTube 播放器的引用