使用 Jquery 强制手动点击 Youtube iframe

Posted 2023-02-24

【中文标题】使用 Jquery 强制手动点击 Youtube iframe

【英文标题】：Force manual click on Youtube iframe using Jquery

【发布时间】：2019-04-21 10:25:30

【问题描述】：

我需要在网站上点击“播放”按钮播放视频

我尝试使用此代码，但它不会触发 Youtube 视频的播放。

jQuery(document).on('click', '.eg-henryharrison-element-2', function(event)  
  event.preventDefault(); 
  jQuery(".esg-youtubevideo").click(); 
);

【参考方案1】：

您应该尝试像这样将autoplay=1 选项添加到您的 iframe src

<iframe   src="https://www.youtube.com/embed/qYcSef6Mk58?version=3&enablejsapi=1&html5=1&controls=1&autohide=1&rel=0&showinfo=0&fs=1&playsinline=1&autoplay=1" frameborder="0" allowfullscreen></iframe>

这是堆栈溢出时已经提出的一个相关问题： YouTube Iframe embed auto play

【讨论】：

嗨，戈尔迪，感谢您的回复。不幸的是，我问的不是自动播放视频。

你可以这样做 $('.esg-youtube-frame').each(function() var src = $(this).data('src'); src += "&autoplay=1"; console.log(src); $(this).data('src',src); );

【参考方案2】：

也许我不明白你真正想要达到的目标，但是：

对我来说，以下作品：

$('.esg-click-to-play-video').first().click()

看这里：

之前：

之后：

【参考方案3】：

这应该可以工作

$('.esg-youtube-frame').each(function() 
    var src = $(this).data('src'); 
    src += "&autoplay=1"; 
    $(this).data('src',src); 
);