Question

我在一个灯箱中有一个youtubevideo，它在页面加载时是隐藏的，单击按钮时就会显示出来。我不希望视频在页面加载时开始播放，因此我不设置autoplay = 1。

我希望视频在显示灯箱时开始播放。那是当访客点击一个按钮时。

这是我的YouTube视频：

<div class="st_youtube_video">  
<iframe>
        frameborder="0" 
        width="1680" 
        height="945" 
        src="https://www.youtube.com/embed/-gVYLXVqQ2c&rel=0">
        allow="autoplay"
</iframe>
</div>

这是我的jQuery：

    $('#button').click(function() {  
       $('.st_youtube_video').addClass('st_active'); 
       $(".st_youtube_video").attr('src', $(".st_youtube_video", parent).attr('src') + '&autoplay=1'); 
        }); 

$('.st_remove').click(function() {  
    $('.st_youtube_video.st_active').removeClass('st_active'); 
  });

在某处肯定有错误，但我看不到它们。即使尝试了几种可能性，我的代码也无法正常工作。有人可以看看吗？

谢谢

Answer 1

似乎一切正常，只是所有元素都必须位于iframe标记内。

您需要从第一个iframe代码中删除“>”。希望这会有所帮助。

将自动播放添加到youtubevideo

1 个答案: