防止 iframe 播放 youtube 视频
Prevent iframe playing youtube video
iframe 中是否有阻止它播放视频的选项,即我有以下 iframe:
<iframe src="https://www.youtube.com/embed/v2ifWcnQs6M" width="468" height="60" ></iframe>
我只想显示 YouTube 视频的缩略图,缩略图中央有红色 'play' 按钮,但不允许用户实际播放视频。有办法吗?
因为我检查过 Youtube IFrame API 没有获取 youtube 视频 ID 的解决方案,即我必须自己解析 url 然后构造以下 url:
https://img.youtube.com/vi/video_id/0.jpg
除了这个 url returns 没有红色 'play' 按钮的缩略图,我也想要。那么 iframe 或 js 变通方法中是否有 HTML 属性?
没有。没有这样的属性。如果您不想让用户播放该视频,您需要手动构建块。获取缩略图并创建或剪切播放按钮图像。然后在 CSS 内编写布局规则并向用户展示这个构建的块
在带有 CSS 的 YouTube 视频顶部添加透明 div。
See example.
iframe 中是否有阻止它播放视频的选项,即我有以下 iframe:
<iframe src="https://www.youtube.com/embed/v2ifWcnQs6M" width="468" height="60" ></iframe>
我只想显示 YouTube 视频的缩略图,缩略图中央有红色 'play' 按钮,但不允许用户实际播放视频。有办法吗?
因为我检查过 Youtube IFrame API 没有获取 youtube 视频 ID 的解决方案,即我必须自己解析 url 然后构造以下 url:
https://img.youtube.com/vi/video_id/0.jpg
除了这个 url returns 没有红色 'play' 按钮的缩略图,我也想要。那么 iframe 或 js 变通方法中是否有 HTML 属性?
没有。没有这样的属性。如果您不想让用户播放该视频,您需要手动构建块。获取缩略图并创建或剪切播放按钮图像。然后在 CSS 内编写布局规则并向用户展示这个构建的块
在带有 CSS 的 YouTube 视频顶部添加透明 div。 See example.