嵌入式视频vue.js中的自动播放功能？答案

【问题标题】：Autoplay function in embedded video vue.js?嵌入式视频vue.js中的自动播放功能？
【发布时间】：2022-01-20 05:35:57
【问题描述】：

是否可以自动播放网站中的嵌入视频？尝试了不同的解决方案以使其在 vue.js 上运行，但它不会。即使在链接中添加 autoplay=1 也不起作用。我正在使用来自 youtube 的 iframe 代码，我将在下面提供。

<iframe width="1060" height="615" src="[Link]?autoplay=1controls=0" title="Youtube Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

【问题讨论】：

标签： html vue.js

【解决方案1】：

只有在静音时才能使用 youtube iframe（嵌入式）自动播放！

所以

<iframe width="1060" height="615" src="https://www.youtube.com/embed/L_gGKD8UNKA?autoplay=1&mute=1" title="Youtube Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

通过在autoplay=1 之后添加mute=1，它会自动启动视频

这是一个codepen.io 链接！

【讨论】：

哎呀，太可悲了。我猜它在自动播放时不可能有声音。总之，非常感谢！
我可以跟随，循环如何？我尝试使用自动播放、静音，但循环不起作用@Jan Kees。
@rg_ 在 mute=1 之后添加 &playlist=VIDEOID&loop=1 它将循环播放！我已经更新了 codepen.io 链接，所以你可以检查一下！