小编use*_*585的帖子

如何使用HTML和JavaScript仅播放youtube视频中的音频

我正在尝试做的事情:创建一个项目列表,其中包含一个链接,可在每个项目旁边播放来自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视频上播放音频的替代解决方案将是不错的选择。

谢谢!

html javascript youtube audio

1
推荐指数
1
解决办法
4555
查看次数

标签 统计

audio ×1

html ×1

javascript ×1

youtube ×1