Javascript 停止YouTube API自动播放
我的网站上有一个视频播放器,由数据库中保存的代码组成,我希望它停止在autoplay上播放第一个视频。需要什么样的代码,它去了哪里 我目前使用的代码是:Javascript 停止YouTube API自动播放,javascript,video,youtube,autoplay,Javascript,Video,Youtube,Autoplay,我的网站上有一个视频播放器,由数据库中保存的代码组成,我希望它停止在autoplay上播放第一个视频。需要什么样的代码,它去了哪里 我目前使用的代码是: var $vid1 = <?php echo json_encode($code_1); ?>; var $vid2 = <?php echo json_encode($code_2); ?>; var $vid3 = <?php echo json_encode($code_3); ?>; var $vid
var $vid1 = <?php echo json_encode($code_1); ?>;
var $vid2 = <?php echo json_encode($code_2); ?>;
var $vid3 = <?php echo json_encode($code_3); ?>;
var $vid4 = <?php echo json_encode($code_4); ?>;
var $vid5 = <?php echo json_encode($code_5); ?>;
var $vid6 = <?php echo json_encode($code_6); ?>;
var $vid7 = <?php echo json_encode($code_7); ?>;
var $vid8 = <?php echo json_encode($code_8); ?>;
var videoIDs = [
$vid1,
$vid2,
$vid3,
$vid4,
$vid5,
$vid6,
$vid7,
$vid8
];
var player, currentVideoId = 0;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '248',
width: '440',
playerVars: {
autoplay: 0
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.loadVideoById(videoIDs[currentVideoId]);
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
currentVideoId++;
if (currentVideoId < videoIDs.length) {
player.loadVideoById(videoIDs[currentVideoId]);
}
}
}
function next(){
currentVideoId++;
if (currentVideoId < videoIDs.length) {
player.loadVideoById(videoIDs[currentVideoId]);
}
}
function previous(){
currentVideoId--;
if (currentVideoId >= 0) {
player.loadVideoById(videoIDs[currentVideoId]);
}
else currentVideoId = 0;
}
var$vid1=;
var$vid2=;
var$vid3=;
var$vid4=;
var$vid5=;
var$vid6=;
var$vid7=;
var$vid8=;
var videoIDs=[
$1,
$2,
$3,
$4,
$5,
$6,
$7,
$8
];
var播放器,currentVideoId=0;
函数onyoutubeiframeapiredy(){
player=新的YT.player('player'{
高度:'248',
宽度:“440”,
playerVars:{
自动播放:0
},
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
函数onPlayerReady(事件){
event.target.loadVideoById(VideoId[currentVideoId]);
}
函数onPlayerStateChange(事件){
如果(event.data==YT.PlayerState.end){
currentVideoId++;
if(当前视频ID<视频ID.长度){
loadVideoById(videoid[currentVideoId]);
}
}
}
函数next(){
currentVideoId++;
if(当前视频ID<视频ID.长度){
loadVideoById(videoid[currentVideoId]);
}
}
函数previous(){
当前视频ID--;
如果(当前视频ID>=0){
loadVideoById(videoid[currentVideoId]);
}
else currentVideoId=0;
}
应该有一个参数自动播放:0来添加新的YT.player()参数
详情如下:
您可以提供一个参数来停止视频自动播放。您只需要将其添加到现有代码中
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '248',
width: '440',
playerVars: {
autoplay: 0
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
您可以在此处找到有关playerVars选项的更多信息
谢谢阿切尔。我已经添加了,但是它仍然是自动播放第一个视频?默认情况下它不应该设置为0/非自动播放吗?我的代码中是否有其他内容影响自动播放?您的网站在线吗?如果是的话,我可以看一看。它实际上处于开发的最后阶段,今天已经上线了,但是在我添加它之前,这个问题需要整理。基本上,这是我在页面上唯一的Javascript,之后的代码是基本的HTML4。我已经更新了我的答案,包含了这个视频播放器的所有Javascript!谢谢我已经添加了,但它仍然自动播放。我的代码中是否还有其他内容覆盖它?