gpt4 book ai didi

youtube - 单击自定义按钮播放 youtube 视频

转载 作者:行者123 更新时间:2023-12-02 00:19:23 24 4
gpt4 key购买 nike

我确实有以下代码,我想在单击按钮时播放 youtube 视频。

我有 youtube 的 iframe 代码。

<script>

var player = document.getElementById("myplayer");

//Create a simple function and check if player exists
function play() {
if(player) {
player.playVideo();
}
}


</script>


<iframe id="myplayer" width="500" height="500" src="http://www.youtube-nocookie.com/embed/C-VoyCDUvr0?rel=0&wmode=Opaque&enablejsapi=1" frameborder="0" allowfullscreen></iframe>

<a href="#" onclick="play()">Play Youtube Video</a>

但是当我点击按钮/链接时它不播放

我将脚本代码放在 html 和 iframe 的头部,并将 anchor 链接放在 html 的主体部分。

enter image description here

我错过了什么吗?

最佳答案

这里我举了两个玩家的例子:

<!DOCTYPE html>
<html>
<body>
<div id="divPlayer1"></div>

<div id="divPlayer2"></div>

<script>
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player1;
var player2;
function onYouTubeIframeAPIReady() {
player1 = new YT.Player('divPlayer1', {
height: '390',
width: '640',
videoId: 'iZYIsJ9i5yE',});

player2 = new YT.Player('divPlayer2', {
height: '390',
width: '640',
videoId: 'J7rKAKipj8s',});

}
function play1() {
player1.playVideo();
}
function play2() {
player2.playVideo();
}
</script>

<a href="#" onclick="play1()">Play Youtube Video1</a>
<a href="#" onclick="play2()"> Play Youtube Video2</a>
</body>
</html>

关于youtube - 单击自定义按钮播放 youtube 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11651454/

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