在 iPhone Safari HTML 页面上打开带有图像的 Youtube 视频
Posted
技术标签:
【中文标题】在 iPhone Safari HTML 页面上打开带有图像的 Youtube 视频【英文标题】：Open Youtube Video With Image on iPhone Safari HTML Page 【发布时间】：2017-02-15 13:50:48 【问题描述】：有人可以帮我弄清楚如何使用占位符图像在移动设备上打开 youtube 视频，这样如果用户在 iphone 上的 safari 中单击 html 页面上的图像，视频会自动全屏播放（注意：在在这种情况下，iphone 视频会自动全屏显示，就像您单击嵌入的 youtube iframe 时一样）。
谢谢！
【问题讨论】：
【参考方案1】：下面的正常语法会给您带来一些问题吗？在我的模拟器上看起来不错...：
<!DOCTYPE html>
<html>
<body>
<p><a href="https://www.youtube.com/embed/ALqFFeU-Wp8">Full Screen</a></p>
</body>
</html>
【讨论】：
这会打开一个 url，即使使用 target=blank 它仍然会打开一个 url。当您在 iphone 上单击 iframe youtube 视频时，视频将变为全屏并自动播放。我希望发生同样的事情，但使用图像或文本。以上是关于在 iPhone Safari HTML 页面上打开带有图像的 Youtube 视频的主要内容，如果未能解决你的问题，请参考以下文章
iframe在iphone6 plus的safari下子页面的宽度不受父页面控制的bug
如何用MAC上的Safari检查iPhone手机App运行的Html页面
HTML5 视频背景无法在 iPhone 上播放 Safari