单击按钮时,在featherlight lighbox中自动播放youtube

时间:2016-10-31 09:23:08

标签: javascript jquery featherlight.js

如果单击按钮并在单击关闭按钮时关闭按钮,则如何在featherlight灯箱中自动播放YouTube视频。

这似乎不起作用

<a id="play-video" href="#">Play Video</a><br />

<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen>  </iframe>

1 个答案:

答案 0 :(得分:0)

检查出来:https://codepen.io/martinwolf/pen/dyLAC

这只是将自动播放属性添加到iframe-link。

要关闭它,请尝试创建一个删除整个iframe的按钮。

$(document).ready(function() {
  $('#play-video').on('click', function(ev) {

    $("#video")[0].src += "&autoplay=1";
    ev.preventDefault();

  });
});