iframe 元素在 Windows 浏览器上显示视频正常，但在 IOS 上不显示答案

【问题标题】：iframe element displays video fine on windows browsers, but doesnt appear for IOSiframe 元素在 Windows 浏览器上显示视频正常，但在 IOS 上不显示
【发布时间】：2021-03-02 17:20:39
【问题描述】：

要求这个分享我的解决方案，因为我搜索了太长时间才能找到这个解决方法并且没有它是一个简单的答案......

所以：我的网站上嵌入了一个 youtube 视频。它在我的 Windows 机器（Google Chrome、Edge、Firefox，所有测试和工作）上运行良好。然而，当我在我的 iPhone chrome 浏览器上对其进行测试时，它什么也没有显示，并将整个页面链接返回到主页。提供的 iframe 是：

<iframe width="560" height="315" src="https://www.youtube.com/embed/video_id" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

而且，就像我说的，在 Windows 机器上显示良好。我有一位同事在他的 mac 上使用网络检查器来查看代码是否没有加载或类似的东西，但没有骰子。代码在两种浏览器中显示完全相同，并且没有出现错误（甚至没有跨站点错误）。

【问题讨论】：

标签： iframe youtube

【解决方案1】：

经过大量的反复试验，我从 EncodeDNA (https://www.encodedna.com/html5/embed-youtube-video-in-a-webpage-without-iframe.htm) 得到了这个（非常简单的）解决方案。只需使用对象而不是 iframe：

<!DOCTYPE html>
<html>
<head>
    <title>Embed YouTube Video without iFrame</title>
</head>
<body>
    <object data='https://www.youtube.com/embed/video_id?autoplay=1' 
        width='560px' height='315px'>
    </object>
</body>
</html>

我将它插入，它可以在所有浏览器上运行，包括（在这种情况下最重要的是）IOS 浏览器。

【讨论】：