YouTube-视频被 css 隐藏,无法在 MobileSafari 中加载
在 jQuery 手风琴中的 iPhone 移动网站上,有一个带有嵌入式 YouTube 视频 [iframe] 的“视频”内容框。如果我在“视频”框“打开”的情况下加载此页面,则 YouTube 视频将加载并完美显示预览图像……但如果我在所有框关闭的情况下加载页面(显示:无……手风琴) ,MobileSafari 将加载 Box,但它是空的(但具有与显示的视频相同的正确高度/高度。
在 Desktop-Safari 上,无论 Box 是可见还是隐藏(手风琴),视频都会加载......简而言之:在 MobileSafari 上,视频仅在该框从一开始就可见时才显示……:-/
On a iPhone-Mobile-Webseite in a jQuery-Accordion there is a «Video»-Content-Box with a embeded YouTube-Video [iframe]. If I load this Page with the «Video»-Box 'open' the YouTube-Video is loading and displaing the Preview-Image perfectly … but if I load the Page with all Boxes closed (display: none … Accordion), MobileSafari will load the Box, but it is empty (but has the right height/height as it has with the displayed video.
On Desktop-Safari the Video will load no matter if the Box is visible or hidden (Accordion) … short: on MobileSafari the video only shows if the box is visible from the start … :-/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
问题是我使用 iframe 嵌入视频……因此 MobileSafari 的 iframe 出现问题。
如果我使用对象/嵌入代码(“旧”YouTube 嵌入代码),整个事情就会完美运行。
The problem was that I've used iframe to embed the video … therefore MobileSafari had a problem with the iframe.
If I use the object/embed-code (the 'old' YouTube-Embed-Code), the whole thing works perfectly.