【问题标题】:firefox stopping youtube video when expanding divFirefox 在扩展 div 时停止 youtube 视频
【发布时间】:2011-12-18 02:13:15
【问题描述】:

我正在使用 jquery 来扩展带有 youtube 嵌入的 div,但是当我单击以扩展 div 大小时 firefox 会停止播放 youtube 嵌入。 ChromeIE9 等在扩大尺寸时不会停止播放视频。我希望有人知道解决方案。

$(document).ready(function() {
    $("#wideView").click(function() {
        $("#youtube-movie").toggleClass("wide");
    });
});

干杯

【问题讨论】:

  • 您想要什么解决方案?一种是在 Chrome 和 IE9 中停止视频,还是一种会导致 Firefox 继续播放?
  • 等等,所以您要显示的视频嵌入在您要添加点击事件的 DIV 中?对吗?
  • 演示:jsfiddle.net/rVbQ6 至少对于 FF8 和 iframe,它似乎可以工作。
  • 让它在DIV 上工作似乎也可以工作:jsfiddle.net/rVbQ6/1
  • .wide 类改变了哪些样式?

标签: jquery firefox html


【解决方案1】:

如果您确定 OP 中的代码是唯一发生的事情,那是因为 .wide 动态更改overflow,这会导致在 Firefox 中重新绘制子元素。这意味着 Flash 播放器将重置并停止播放。

在这里演示:http://jsfiddle.net/rVbQ6/2/(在 Firefox 中执行,你会看到)

解决方案是删除任何溢出操作。

【讨论】:

  • 这是评论,不是答案。
  • 这就是为什么它是一个评论。抽象的猜测也不是一个合适的答案。
  • 对不起,伙计们。我希望为 Firefox 提供解决方案。
  • @ShannonHyland,firefox 的解决方案是从 .wide 类中删除溢出操作。我看到这只是在重复自己。
  • @ShannonHyland,你能链接到问题所在的网站吗
猜你喜欢
  • 2020-09-14
  • 1970-01-01
  • 1970-01-01
  • 2013-07-26
  • 2016-10-27
  • 1970-01-01
  • 2012-01-27
  • 2011-10-04
  • 2012-05-08
相关资源
最近更新 更多