YouTube IFrame 播放器 API - 预览帧

Question

有谁知道是否可以使用 YouTube IFrame 播放器定义将哪个视频帧用作预览API？

现在嵌入我的视频时，它会在我的视频结尾附近显示一个视频帧，而我希望它是第一帧之一。

Answer 1

我认为使用 API 无法做到这一点，但您可以自己显示预览图像。这在以下 Whosebug 页面上进行了讨论：YouTube embedded video: set different thumbnail

Answer 2

没有。这（还）不可能。

但是 Niels 他的回答给了我灵感。实际上，他的推荐是关于 Youtube 视频的，这些视频已经嵌入到文档中，而 YouTube IFrame Player API 在文档加载完成后 javascript 嵌入了视频。

HTML 部分：

<div id="ytplayer">
    <img id="ytThumb" src="http://placehold.it/640x390&text=Play">
</div>

Javascript 部分：

$(document).ready(function(){
    $('#ytThumb').click(function() {
        //Embed the youtube player
        // Load the IFrame Player API code asynchronously.
        var tag = document.createElement('script');
        tag.src = "https://www.youtube.com/player_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    });
});

// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
function onYouTubeIframeAPIReady() {
    var player;
    player = new YT.Player('ytplayer', {
        height: '390',
        width: '640',
        videoId: 'M7lc1UVf-VE',
        playerVars: {
            'autoplay': 1,
            'rel': 0
        }
    });
}

虽然我的容器、图像和视频都具有相同的尺寸。

YouTube IFrame 播放器 API - 预览帧

YouTube IFrame Player API - preview frame

youtube-iframe-api