javascript - 在 YT.player 中播放视频

Question

我显示 YouTube 视频的链接列表。

   document.getElementById('videos').innerHTML += "<div>"
                    + "<a href='#' onclick='showVideo(\"" + videoid + "\"); return false'>" + videotitle + "</a>" + videodescription + ""
                    + "</div>";  

点击任何链接，视频就会在其 div 中播放。

function showVideo(arg) {
console.log(arg);

    var player;

                player = new YT.Player('response', {
                    videoId: arg,
                  //  height: '700',
                  //  width: '1000',
                    playerVars: {
                        controls: 1, // 1 is default value
                        autoplay: 1,
                        disablekb: 0, // 0 is the default value
                        enablejsapi: 1,
                        iv_load_policy: 3,
                        modestbranding: 1,
                        showinfo: 0,
                        rel: 0,
                        fs: 0 //Setting this parameter to 0 prevents the fullscreen button from displaying in the player.
                        //The default value is 1, which causes the fullscreen button to display.
                    }
              })
        //          player.destroy()

}   

我单击显示列表中的另一个链接，我希望现有视频被新视频替换，但这种情况没有发生，仍然显示第一个视频。变量player不是又实例化了吗？我需要做什么才能实现这一目标？

Answer 1

尝试使用loadVideoById :

This function loads and plays the specified video.

语法:

player.loadVideoById(videoId:String,
                     startSeconds:Number,
                     suggestedQuality:String):Void

像这样实现:

$(".button").on("click", function() {
        player.loadVideoById("Vw4KVoEVcr0", 0, "default");
    });

变量player是您的new YT.Player()，此代码将加载新的videoID = Vw4KVoEVcr0 code> 到 YT.player。

引用:

• jsfiddle sample code

希望这有帮助。