40 lines
1.3 KiB
Markdown
40 lines
1.3 KiB
Markdown
|
---
|
|||
|
title: Embedding Youtube Videos
|
|||
|
localeTitle: 嵌入Youtube视频
|
|||
|
---
|
|||
|
## 嵌入Youtube视频
|
|||
|
|
|||
|
可能很多时候你在自己喜欢的网站上看过嵌入式视频。今天我们将谈论嵌入YouTube视频,这很容易做到,即使您对此没有任何了解。对于此操作,我们将使用`<frame>`元素,这对嵌入其他HTML非常有用。它经常被用来推广一些产品作为补充。请注意,您不仅限于YouTube - 您还可以尝试其他文档。
|
|||
|
|
|||
|
### `<frame>`元素
|
|||
|
|
|||
|
#### 运用
|
|||
|
|
|||
|
您可以使用`<frame>`元素轻松放置所选视频。但请记住,您还需要定义播放器的高度和宽度,因此我们将使用属性的`height`和`width` 。
|
|||
|
|
|||
|
我们需要什么?
|
|||
|
|
|||
|
* YouTube和网址上的视频
|
|||
|
* `<frame>`元素(别忘了关闭它!)
|
|||
|
* `width`和`height`属性
|
|||
|
|
|||
|
```html
|
|||
|
|
|||
|
<iframe width="420" height="315"
|
|||
|
src="https://www.youtube.com/watch?v=v8kFT4I31es">
|
|||
|
</iframe>
|
|||
|
```
|
|||
|
|
|||
|
插入的值会被推荐,但您可以随意更改它们。
|
|||
|
|
|||
|
#### 自动播放
|
|||
|
|
|||
|
如果我们想让这个播放器自动开始播放,我们该怎么办?只需添加到您的链接值`?autoplay=1` 。但要小心,因为很多人访问你的网页会很烦人。
|
|||
|
|
|||
|
```html
|
|||
|
|
|||
|
<iframe width="420" height="315"
|
|||
|
src="https://www.youtube.com/watch?v=v8kFT4I31es?autoplay=1">
|
|||
|
</iframe>
|
|||
|
|
|||
|
```
|