如何在HTML中实现YouTube视频自动播放？

你现在用普通的YouTube短链（youtu.be格式）跳转，就算在<a>标签加autoplay也没用——因为<a>标签本身不支持autoplay属性，这个属性是给<video>/<audio>这类媒体标签用的；而且YouTube的自动播放需要在URL里加专属参数，再加上现在浏览器有严格的自动播放政策，必须静音才能自动触发播放。

正确的修改方法 #

把你的跳转链接改成带自动播放+静音参数的YouTube标准播放页链接，替换原来的短链即可：
原链接：https://youtu.be/eBGIQ7ZuuiU?t=1
修改后：https://www.youtube.com/watch?v=eBGIQ7ZuuiU&t=1s&autoplay=1&mute=1

参数说明：

• autoplay=1：告诉YouTube开启自动播放
• mute=1：强制视频静音（这是绕过浏览器自动播放限制的关键）
• t=1s：指定从第1秒开始播放（和你原来的需求一致，格式更规范）

修改后的完整代码 #

<div id="banner">
        <h2><strong>Welcome To My Portfolio!</strong>
        <br /> My Name is <span style="color: red">John</span>, and  I am excited 
        to meet you!</h2>
        <p>Does this statement make you want to click the big shiny button?</p>
        <a href="https://www.youtube.com/watch?v=eBGIQ7ZuuiU&t=1s&autoplay=1&mute=1" target="_blank" 
        class="button large icon solid fa-check-circle">Yes it does</a>
</div>

注意事项 #

就算加了这些参数，也不能100%保证所有场景都能自动播放——如果用户浏览器手动禁用了所有自动播放，或者安装了屏蔽插件，还是会失效，但这是目前最符合规则的实现方式。

内容的提问来源于stack exchange，提问作者Noah Barrall