如何在YouTube视频播放完成后显示Youtube视频的最后一个屏幕?

时间:2013-09-19 10:38:00

标签: javascript jquery html5 youtube youtube-api

我正在使用以下JavaScript代码在我的网络应用程序中添加youtube视频链接。 这很好用。 但是,当视频完成默认情况下,YouTube视频会将其他链接分成小方框,我不想要这个

当视频播放完毕后,应出现黑屏或视频中应显示的结束屏幕。

我们可以这样做吗?如果是,那么如何?

youtubeLoadVideos : function () {
    var videos = document.getElementsByClassName("youtube");
        for (var i=0; i<videos.length; i++) {
            var youtube = videos[i];
            var iframe = document.createElement("iframe");
            iframe.setAttribute("src", "http://www.youtube.com/embed/" + youtube.id);

            // The height and width of the iFrame should be the same as parent
            iframe.style.width = youtube.style.width;
            iframe.style.height = youtube.style.height;
            iframe.style.clear = 'both';
            youtube.parentNode.appendChild(iframe, youtube);
            //youtube.appendChild(youtube.id);
        }
    }

2 个答案:

答案 0 :(得分:2)

只需将?rel=0添加到您的网址,或停用“视频播放时显示推荐的视频”

Example

答案 1 :(得分:2)

iframe.setAttribute("src", "http://www.youtube.com/embed/" + youtube.id + "?rel=0");