我正在尝试做的事情:创建一个项目列表,其中包含一个链接,可在每个项目旁边播放来自youtube视频的音频
我目前正在做什么:我可以使用以下方法对单个商品执行此操作:
<div data-video="VIDEO_ID"
data-autoplay="0"
data-loop="1"
id="youtube-audio">
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>
Run Code Online (Sandbox Code Playgroud)
这样可以创建一个播放按钮,并且可以完美地用于单个项目,但是由于它们都使用相同的ID,因此可能无法与同一页面上的多个项目一起使用。创建其他ID会导致播放器无法运行。创建具有相同ID的两个不同的数据视频将仅允许第一个播放,而另一个将正确显示,但在按播放时无法操作。
寻找解决方案:最好是如何将现有脚本用于同一页面上的多个视频。否则,使用自定义播放按钮仅在youtube视频上播放音频的替代解决方案将是不错的选择。
谢谢!