gpt4 book ai didi

jquery - 将 YouTube 嵌入视频与图像叠加,单击时隐藏图像并自动播放

转载 作者:行者123 更新时间:2023-12-01 02:04:17 56 4
gpt4 key购买 nike

我想在我的页面中观看 YouTube 视频之前显示图像。有没有办法用 jquery 或 JavaScript 函数来做到这一点。

我想用我自己的图像覆盖它,然后单击时显示视频并自动播放,所有这些都无需重新加载页面。

感谢您的帮助

问候朱迪

最佳答案

如果使用 YouTube 中的 HTML5 iframe,上述内容将不起作用,因为视频将在点击图像之前设置 autoplay=1 的情况下在后台播放。相反,我使用 .append() 在单击图像后附加 iframe,这样视频只会在图像的单击事件后自动播放。

<body>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<div id="ytapiplayer2" style="display:none;">
</div>

<img src="https://i.qmyimage.com/mgen/global/zGetImageNew.ms?args=%22shpimg4198.jpg%22,425,96,1" id="imageID" />
<script type="text/javascript">
$('#imageID').click(function() {
$('#ytapiplayer2').show();
$('#ytapiplayer2').append('<iframe width="1130" height="636" src="http://www.youtube.com/embed/YOURVIDEOCODEHERE?autoplay=1" frameborder="0" allowfullscreen></iframe>');
$('#imageID').hide();
});
</script>
</body>

关于jquery - 将 YouTube 嵌入视频与图像叠加,单击时隐藏图像并自动播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4949783/

56 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com