将 youtube 视频添加到 HTML 的最佳方式？答案

【问题标题】：Best way to add youtube video to HTML?将 youtube 视频添加到 HTML 的最佳方式？
【发布时间】：2020-07-20 18:51:13
【问题描述】：

我知道以前可能有人问过这个问题，但我在搜索时没有找到好的答案。

我有一个网站，我想在其中添加 YouTube 视频。目标是有一个有声音的自动播放视频。很多用户推荐使用 html 标签 iframe 嵌入它，除了声音之外，它似乎与自动播放完美配合。

有人知道更好的解决方案吗？将视频上传到服务器并使用视频标签会更好吗？

    <iframe
  width="100%"
  height="100%"
  src="https://youtube.com/embed/h4gr8eH7D?autoplay=1&amp;controls=0&amp;showinfo=0&amp;autohide=1&amp;mute=1&amp;playlist=h4gr8eH7D&amp;loop=1"
  allow="autoplay"
></iframe>

据说他们使用 autoplay=1 更新到必须设置 mute=1 才能使自动播放正常工作但没有声音的位置。我在某个地方看到有人使用 mute=2 来让音频正常工作，但这对我也不起作用。

【问题讨论】：

标签： html html5-audio

【解决方案1】：

Chrome 的新版本会阻止任何音频在网页上运行，直到用户与页面交互。您不能在 chrome 浏览器中自动播放视频，除非它被静音，这也适用于您上传到服务器的视频。如果您在播放音频之前让用户与您的页面进行交互，您就可以播放它。

另见How to make audio autoplay on chrome。

【讨论】：

Google 的 Chrome 浏览器会阻止某些视频自动播放。网络浏览器允许视频在 1000 个网站上自动播放，谷歌已经确定人们最有可能想要播放有声视频。随着时间的推移，Chrome 研究了您访问的网站后，浏览器会进行调整，以允许在您经常播放有声音的视频的网站上自动播放，并在您不播放的网站上禁用自动播放。