HTML页面嵌入视频的方案

🤖

AI审核中

2022-07-19 本站实践原创 HTML 668 字 1 分钟浏览量 1326 0 评论

文章摘要

文章介绍了在HTML页面中使用 `<iframe>` 标签嵌入视频的基本方法，示例代码演示了如何通过 `src` 指定YouTube视频地址、设置宽高、允许全屏及相关权限。若需禁止自动播放，可在 `allow` 属性中加入 `autoplay=false`，并可通过 `style` 调整布局。整个实现简洁且可直接复制使用。

HTML页面如何嵌入一个视频？

<iframe frameborder="0" allowfullscreen="1" 
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            title="lol video player" width="100%" height="100%"
            src="https://www.youtube.com/embed/vhHCoKcaloE">
</iframe>

注：src是播放视频地址。

禁止自动播放：设置autoplay=false;

<iframe frameborder="0" allowfullscreen="1"
            allow="accelerometer; autoplay=false; encrypted-media; gyroscope"
            title="lol video player" width="100%" height="100%"
            src="https://www.youtube.com/embed/vhHCoKcaloE"
            style="padding-top: 20px">
</iframe>