阻止iframe播放youtube视频

时间:2015-09-16 06:22:04

标签: javascript html iframe youtube-api youtube-iframe-api

iframe中是否有一个选项可以阻止它播放视频,即我有以下iframe:

<iframe src="https://www.youtube.com/embed/v2ifWcnQs6M" width="468" height="60" ></iframe>

我想在缩略图中心只显示youtube视频的缩略图,并显示红色的“播放”按钮,但不允许用户实际播放视频。有办法吗?

因为我检查Youtube IFrame API时没有获取youtube视频ID的解决方案,即我必须自己解析网址,然后构建以下网址:

https://img.youtube.com/vi/video_id/0.jpg

此外,此url返回缩略图,没有红色的“播放”按钮,我也想要。那么在iframe或js解决方法中是否有HTML属性来执行此操作?

2 个答案:

答案 0 :(得分:2)

使用CSS在YouTube视频的顶部添加透明div。 See example

答案 1 :(得分:0)

没有。没有这样的属性。如果您不想允许用户播放该视频,则需要手动构建块。获取缩略图并创建或剪切播放按钮图像。然后在CSS写入布局规则中向用户显示这个构造的块