【问题标题】:Embedded YouTube Video not working with Overflow:hidden嵌入式 YouTube 视频不适用于溢出:隐藏
【发布时间】:2011-06-15 18:58:53
【问题描述】:

在 Apple 移动设备上观看 YouTube 视频时,我遇到了破坏 jQuery 滑块的问题。滑块使用使用溢出:隐藏属性的设置宽度和高度窗口。它在所有浏览器中看起来都很棒,除了 Apple 设备,所有幻灯片都连续可见,就好像 overflow:hidden 属性没有生效一样。

有没有办法解决这个问题?我难住了!谢谢大家。

网站链接:http://dwproductsllc.com/

嵌入式视频代码:

<li>
<object width="409" height="257"><param name="movie" value="http://www.youtube.com/v/0FGR-vPUWa8?hl=en&fs=1&showinfo=0&loop=1&playlist=0FGR-vPUWa8&controls=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0FGR-vPUWa8?hl=en&fs=1&showinfo=0&loop=1&playlist=0FGR-vPUWa8&controls=0" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="409" height="257"></embed></object>
</li>

【问题讨论】:

    标签: jquery html css flash youtube


    【解决方案1】:

    在这种情况下,现在很奇怪该剪辑不能在 Apple 设备上运行;它是闪光的。

    现在,这通常不是问题,因为 YouTube 会向 Apple 设备提供 HTML5 剪辑。

    我不知道为什么这里不是这种情况 - 我猜是因为您最近上传了它(可能需要一段时间)。和/或您的剪辑未列出,也许 YouTube 不支持 HTML5 用于此类剪辑。

    我没有看到您的代码有任何重大错误(我可能会使用稍微不同的方式)。尝试在滑块中设置另一个剪辑并测试它是否有效 - 然后您可以排除您的代码并责怪 YouTube。

    【讨论】:

    • 为了让 Youtube 翻转 HTML5 的 Flash 嵌入,您需要使用 iframe 嵌入方法。如果您直接在页面上包含&lt;object&gt; 标签,它将不起作用。
    • Apple 设备可能不允许隐藏 Flash 内容!?将是一项安全措施。
    • @Andrew Curioso 好点 - 但是我确定我在 iOS 模拟器中检查了 YouTube 页面中的剪辑,但剪辑没有出现。但是,现在似乎正在工作。所以 - 使用 iFrame。
    • 谢谢大家!当然,Flash 是问题所在。不过,iPhone 似乎还不支持 HTML5 iFrame。它显示为白色幻灯片。不过,他们可能会使用 iOS5 对其进行更新。谢谢!
    猜你喜欢
    • 2016-08-16
    • 2016-04-02
    • 2018-06-08
    • 1970-01-01
    • 1970-01-01
    • 2019-01-31
    • 1970-01-01
    • 2020-12-28
    • 2015-05-12
    相关资源
    最近更新 更多