spz-youtube YouTube视频
YouTube视频播放器。
布局
跳转到“布局”何时使用
跳转到“何时使用”需要播放 YouTube 视频时。
代码演示
跳转到“代码演示”基本用法
跳转到“基本用法”最基本用法。
<spz-youtube videoid="Wv6Up5YSi5s" layout="responsive" width="1444" height="504"></spz-youtube>自动循环播放
跳转到“自动循环播放”<spz-youtube videoid="Wv6Up5YSi5s" loop data-param-playlist="Wv6Up5YSi5s" autoplay layout="responsive" width="1444" height="504"></spz-youtube>属性
跳转到“属性”| 属性名 | 说明 | 类型 | 默认值 | 是否必需 |
|---|---|---|---|---|
| videoid | YouTube视频ID | string | - | 是 |
| autoplay | 如果该属性存在，YouTube视频自动播放 | - | - | 否 |
| loop | 该属性配合data-param-playlist属性可以实现循环播放 |
- | - | 否 |
| referrerpolicy | 设置 iframe 的 referrerpolicy 属性，控制 Referrer 信息的传递策略 |
string | - | 否 |
| data-param-* | 以 data-param- 为前缀的属性会作为查询参数追加到 YouTube 嵌入 URL 中，例如 data-param-playlist 指定播放列表ID |
string | - | 否 |