css - 如何隐藏嵌入在 html 中的 youtube 视频中的播放/暂停按钮和进度条？

Question

我在 e HTML 页面上创建了一个带有 YouTube 视频链接的链接，例如 -<object width="456" height="230"> <param name="movie" value="http://www.youtube.com/v/kitfFWmLFJ8" /> <param name="wmode" value="transparent" /> <embed src="http://www.youtube.com/v/kitfFWmLFJ8" type="application/x-shockwave-flash" wmode="transparent" width="456" height="230" /> </object> 如何在嵌入 HTML 的 youtube 视频中隐藏播放/暂停按钮和进度条？

Answer 1

如果您切换到使用 iframe 嵌入，您可以添加controls=0到您的 YouTube 网址。例如：

<iframe id="ytplayer" type="text/html" width="456" height="390" src="https://youtube.googleapis.com/v/kitfFWmLFJ8 autoplay=1&controls=0&origin=http://example.com" frameborder="0"/>