单击图像后，Html css播放/启动YouTube视频

Question

我正在学习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>

Answer 1

不，只有HTML / CSS才能实现这一点。您需要使用JavaScript并调用YT-iFrame-API。

例如，代码：

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