YouTube Embed 在移动设备上的行为有所不同

YouTube Embed behaving differently on Mobile Devices

提问人:Coopero 提问时间:7/13/2023 更新时间:7/19/2023 访问量:82

问:

在我的网站上,我有一个全屏视频英雄。我需要它在桌面和移动设备上显示。

在移动设备上,英雄不会显示视频 - 除非在桌面上,否则代码中甚至不存在 iframe。

当我使用 inspect element 设备类型并将其设置为桌面时,它会正确加载,并且无论屏幕设置为什么分辨率,视频都会播放。

我查看了PHP模板,我认为JS一定是导致了问题,因为没有设备敏感逻辑。

该页面已 https://oateymedia.co.uk/

javascript youtube-api 视频嵌入

评论


答:

1赞 Eliezer Berlin 7/19/2023 #1

这似乎是您正在使用的库的错误。许多人抱怨这个插件似乎不适用于移动设备。请参见:https://github.com/pupunzi/jquery.mb.YTPlayer/issues?q=is%3Aopen+is%3Aissue+mobilembYTPlayer

您可以尝试添加 ,但似乎此插件无法正确识别 iPhone 为移动设备,因此无法在它们上运行。(即使是这个插件的官方演示显然也不起作用!useOnMobile: true

也就是说,实际上使用Youtube视频作为背景很可能违反了Youtube的TOS

请参见:https://stackoverflow.com/a/65065810/5243309

https://developers.google.com/youtube/terms/required-minimum-functionality#overlays-and-frames