gpt4 book ai didi

javascript - 动态更改 youtube 上的视频 ID

转载 作者:行者123 更新时间:2023-11-29 15:19:27 25 4
gpt4 key购买 nike

我正在尝试使用以下代码显示没有视频的 youtube 音频,所以我正在更改视频 ID,但它一次又一次地播放相同的 ID。

<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8" />
<title>About</title>
<script type="text/javascript">
function val1(val)
{

document.getElementsByTagName("div")[0].setAttribute("data-video", val);
alert(val);


}

</script>
</head>
<body onload="val1('WKV_z36pVAk')">
<h3 style="color:#0066dd">Hello</h3>

<center>


<div data-video="8IYzyTYucKQ"
data-autoplay="0"
data-loop="1"
id="youtube-audio">
</div>

</center>
<button>change</button>


</body>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>
</html>

最佳答案

不太确定您要创建的是什么,但这可能会将您引向正确的方向。

您可以使用此代码以一种怪异的方式重新加载特定元素

function reload(vidId){ <-- Added a parameter
var container = document.getElementById("youtube-audio");
container.setAttribute("data-video", vidId); <-- Added line to change data-video
var content = container.innerHTML;
container.innerHTML= content;
}

然后将其添加到您的 HTML 中

<button onclick="reload('8IYzyTYucKQ')">Reload</button> <-- Added the parameter to what the `data-video` should be changed

关于javascript - 动态更改 youtube 上的视频 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45571141/

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