单击图像后，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();
});