单击图像后 Html css 播放/启动 youtube 视频答案

【问题标题】：Html css play/start youtube videos after clicking an image单击图像后 Html css 播放/启动 youtube 视频
【发布时间】：2015-01-21 10:32:53
【问题描述】：

我正在学习 html 和 css 以及 css3。

我需要创建播放 youtube 视频。为此，我提出了一个疑问，

是否有可能仅使用 html 和 css 或 css3 在单击图像后运行 youtube 视频？

谁能指导我？

<iframe src="http://www.youtube.com/embed/W7qWa52k-nE"
   width="560" height="315" frameborder="0" allowfullscreen></iframe>

【问题讨论】：

【解决方案1】：

不，仅使用 HTML/CSS 是不可能的。您需要使用 JavaScript 并调用YT-iFrame-API。

示例代码：

$('body').on('click', '.youtubeImage', function() {
  callYoutubeApi();
});

【讨论】：

你确定吗？.. @roNn23
是的，我很确定。好吧，您不必使用 API，因为您还可以使用其他一些技术（例如 stackoverflow.com/questions/17129455/…），但我不建议这样做。
能否提供jsfiddle
请自行尝试。如果您遇到问题，请创建一个新问题，因为此问题仅与 HTML/CSS 有关。