Youtube视频自动播放与jquery

Question

我想用Youtube视频iframes制作一个网站，它在悬停时开始播放。 我发现这篇文章在悬停时播放YouTube视频

此代码有效(视频在悬停时开始播放(，但并非所有视频都有效(链接似乎已断开(。 当我使用其他视频时也会发生同样的事情，这样就不会断开链接。我找到了一个帖子，建议将"iframe"更改为"嵌入"，并修复了断开的链接，但随后脚本停止工作。 我的脚本如下所示： https://codepen.io/EwelinaWoloszyn/pen/dybQGWe

<script>$(document).ready(function(){
var nowPlaying = "none";
$('div').hover(function(){
nowPlaying = $(this).find('embed').attr('src');
$(this).find('embed').attr('src',nowPlaying+'&autoplay=1');
}, function(){
$(this).find('embed').attr('src',nowPlaying);
});
});

我应该更改什么才能使其正常工作？

提前非常感谢， 内科

Answer 1

上帝禁止我使用W3Schools，但HTML5中的video元素在JavaScript中play()功能

文档：https://www.w3schools.com/tags/av_met_play.asp

您的代码：

$('div').hover(() => {
$(this).find('embed').play();
});