如何让Youtube播放器弹出并播放视频？

Question

我有一个使用YouTube API播放视频的YouTube播放器，问题是它重定向到另一个页面，然后开始播放视频。

如何通过单击图像使播放器弹出同一页面，然后开始播放视频？

<a href="play/"><img src="image" alt="button-img" /></a>

//play is the route where YouTube player component is present.

Answer 1

您可以创建点击事件，然后在您想要的位置插入YouTube视频的iframe。这里有一个例子......

<强> HTML ：

$('a#showvideo').click(function(e) {    
    e.preventDefault();        
    $('div#test').html('<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/aS3DPglji0o?rel=0" frameborder="0" allowfullscreen></iframe>');
});

<强> JQUERY ：

In [5078]: df.month + 12*(df.year - df.year.iloc[0])
Out[5078]:
0     2
1    11
2    15
dtype: int64