📅  最后修改于: 2023-12-03 15:24:11.745000             🧑  作者: Mango
在网页中嵌入 Youtube 视频是一种常见的需求,但如何实现自动播放则成为了一个难点。本文将介绍如何在 HTML 中自动播放 Youtube 视频。
https://www.youtube.com/watch?v=VIDEO_ID
其中 VIDEO_ID
是视频的唯一标识符。
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" frameborder="0" allowfullscreen></iframe>
其中 VIDEO_ID
是第一步中获取到的视频 ID。我们在 URL 中加上了 autoplay=1
参数,这将自动播放视频。
完成上述步骤后,你可以在 HTML 中看到一个嵌入的 Youtube 视频,并且该视频将自动播放。
示例代码:
<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" frameborder="0" allowfullscreen></iframe>
效果如下:
注:请勿尝试在博客园编辑器中尝试点击预览,此 markdown 格式的内容无法在博客园编辑器中预览,可以尝试将其粘贴到 MakeDown 编辑器中,可以看到效果。