暂停未播放的视频会删除缩略图 - postMessage Javascript Youtube API

Question

我注意到暂停未播放的视频会导致其预览/缩略图图像被删除。

我为此使用the Javascript Youtube API。

有没有办法使用 API 来阻止它？ 我宁愿不必检查视频是否正在播放，因为这意味着更多的代码。

我可能不得不使用 new YT.player() 函数，动态加载 Youtube API，监听 onStateChange 事件，保留可能的视频列表及其状态...

Reproduction online

$('#pauseVideo').click(function(){
    pauseVideo();
});

function pauseVideo(){
    var video = $('#myVideo');
    var element = video.get(0);

    if (/youtube\.com\/embed\//.test(video.attr('src'))) {
        video.get(0).contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
    }
}

Answer 1

如果您将链接直接作为 iframe 插入，则大多数选项都以 GET parameters 的形式工作。尝试将controls=0&showinfo=0 添加到视频网址。

showinfo 支持的值为 0 和 1。如果播放器正在加载播放列表，并且您明确将参数值设置为 1，那么在加载时，播放器还将显示播放列表中视频的缩略图。请注意，此功能仅支持 AS3 播放器。

或者

尝试使用queuing functions for videos的cueVideoById方法。该函数加载指定视频的缩略图并准备播放器播放视频。

• 参数语法

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

• 对象语法

  player.cueVideoById({videoId:String,
  startSeconds:Number,
  endSeconds:Number,
  suggestedQuality:String}):Void