Menu
CoddyTech

Iframe

Coddy YouTube 视频播放器:HTML 项目 课程的第 2 课,共 7 课。

在你的网站中嵌入 YouTube 播放器,最简单的方法是使用 iframe 标签:

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ">
</iframe>

注意以下几点:

  • 设置 width 和 height 属性可以控制视频播放器的大小,
  • src 属性是 YouTube 视频的链接。
  • 链接应采用以下格式:
    • https://www.youtube.com/embed/id,其中 id 是视频的 ID,不能使用 YouTube 上的常规链接,你需要修改链接格式!
challenge icon

挑战

简单

使用 iframe 创建一个 YouTube 播放器,视频可以任选,并添加你选择的 width 和 height 属性。

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- 在这里编写代码 -->
    </body>
</html>

YouTube 视频播放器:HTML 项目中的所有课

自己练习: Web 在线编辑器