首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >loadVideoById()不改变youtube播放器中的视频

loadVideoById()不改变youtube播放器中的视频
EN

Stack Overflow用户
提问于 2015-12-07 07:55:48
回答 1查看 933关注 0票数 1

我正在使用开发YouTube播放器。播放机加载视频,但当我尝试使用onclick事件更改视频时,它不会更改视频。这是我的HTML。

代码语言:javascript
运行
复制
<li onclick="changeVideo('Vw4KVoEVcr0')"><a href=""><img class="button" src="" alt="Video Button"> item</a></li>

这是我的JavaScript。

代码语言:javascript
运行
复制
// JavaScript Document

//create script tag for youtube api
var tag = document.createElement("script");

//set the src attribute of the script tag to the youtube api
tag.src = "https://www.youtube.com/iframe_api";

//get the first script tag of the document
var firstScript = document.getElementsByTagName("script")[0];

//insert our youtube api tag before the first script tag in the page
firstScript.parentNode.insertBefore(tag, firstScript);

/*
*
*
*/

//the video player element
var player;

//state of the video being played
var done;

/*
*
*/
function onYouTubeIframeAPIReady(){
    //
    player = new YT.Player("player", {
        width: "848",
        height: "400",
        videoId: "Unp7GtSPJ0Y",
        events: {
            "onReady": onPlayerReady,
            "onStateChange": onPlayerStateChange
        }
    });
}

/*
*
*/
function onPlayerReady(event){
    event.target.playVideo();   
}

/*
*
*/
function onPlayerStateChange(event){
    if(event.data == YT.PlayerState.PLAYING && !done){
        setTimeout(stopVideo, 6000);
        done = true;
    }
}

/*
*
*/
function stopVideo(){
    player.stopVideo();
}

/*
* Changes the videoId and starts playing the new video
*/
function changeVideo(videoIdentifier){
    var vidId = videoIdentifier;
    player.loadVideoById(vidId);
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-07 09:54:00

只是我睡了一小会儿就傻了。把链接拿走。在视频改变之前,它不断地将我重定向到一个新版本的页面。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34128790

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档