在 Youtube 视频上点击海报属性时视频不会播放答案

【问题标题】：Video will not play when clicking poster attribute on Youtube video在 Youtube 视频上点击海报属性时视频不会播放
【发布时间】：2019-11-14 11:02:51
【问题描述】：

我正在尝试在单击 .gif 时播放我的视频。

我尝试了多个片段，并自己编写代码，但还没有找到解决方案。

<div class="video" id="videoplayer">
    <img src="images/gifisdone.gif">
    <!-- <iframe width="940" height="529" src="https://www.youtube.com/embed/oUflzV5z9sc" frameborder="0" allowfullscreen></iframe>-->
</div>

【问题讨论】：

重复问题stackoverflow.com/questions/13619074/…
不，不是，在这个问题中没有提到 gif。

标签： javascript html css

【解决方案1】：

应该相当简单。只需向 gif 添加点击调用，然后加载视频。运行下面的 sn -p 进行测试。

   <!DOCTYPE html>
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div class="video" id="videoplayer">
<img src="https://media.giphy.com/media/H6niY8viJQvjYRJ7OD/giphy.gif" id="videolink1">
</div> 
<div id="divVideo">
<iframe width="420" height="345" >
</iframe>
</div>

</body>
<script>
$('#videolink1').click(function(event) {
var videoFile = 'https://www.youtube.com/embed/tgbNymZ7vqY'+'?&autoplay=1';
$('#divVideo iframe').attr('src', videoFile);
});
</script>
</html>

【讨论】：

再次阅读问题 - OP 询问的是 YouTube 视频，它有自己的SDK，它与 HTML5 视频 API 不同
@AlonEitan，我的错，我们可以改变 iframe 的来源来加载 youtube 视频