freeCodeCamp/guide/chinese/html/tutorials/embedding-youtube-videos/index.md

1.3 KiB
Raw Blame History

title localeTitle
Embedding Youtube Videos 嵌入Youtube视频

嵌入Youtube视频

可能很多时候你在自己喜欢的网站上看过嵌入式视频。今天我们将谈论嵌入YouTube视频这很容易做到即使您对此没有任何了解。对于此操作我们将使用<frame>元素这对嵌入其他HTML非常有用。它经常被用来推广一些产品作为补充。请注意您不仅限于YouTube - 您还可以尝试其他文档。

<frame>元素

运用

您可以使用<frame>元素轻松放置所选视频。但请记住,您还需要定义播放器的高度和宽度,因此我们将使用属性的heightwidth

我们需要什么?

  • YouTube和网址上的视频
  • <frame>元素(别忘了关闭它!)
  • widthheight属性

<iframe width="420" height="315" 
 src="https://www.youtube.com/watch?v=v8kFT4I31es"> 
 </iframe> 

插入的值会被推荐,但您可以随意更改它们。

自动播放

如果我们想让这个播放器自动开始播放,我们该怎么办?只需添加到您的链接值?autoplay=1 。但要小心,因为很多人访问你的网页会很烦人。


<iframe width="420" height="315" 
 src="https://www.youtube.com/watch?v=v8kFT4I31es?autoplay=1"> 
 </iframe>