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

标签 javascript youtube youtube-api youtube-javascript-api

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

我为此使用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":""}', '*');
    }
}

最佳答案

如果您直接将链接作为iframe插入,则大多数选项都将用作GET parameters。尝试将controls=0&showinfo=0添加到视频网址。
showinfo支持的值为01。如果播放器正在加载播放列表,并且您将参数值显式设置为1,则在加载时,播放器还将在播放列表中显示视频的缩略图。请注意,仅AS3播放器支持此功能。

要么

尝试使用queuing functions for videoscueVideoById方法。此功能加载指定视频的缩略图,并准备播放器播放视频。

  • 参数语法
    player.cueVideoById(videoId:String,
    startSeconds:Number,
    suggestedQuality:String):Void
    
  • 对象语法
    player.cueVideoById({videoId:String,
    startSeconds:Number,
    endSeconds:Number,
    suggestedQuality:String}):Void
    
  • 关于javascript - 暂停非播放视频会删除缩略图-postMessage Javascript Youtube API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37654218/

    相关文章:

    ios - UIActivityViewController - 上传 Youtube 视频

    javascript - 在一页上连续播放 YouTube 嵌入式视频

    php - 如何使用 Youtube API v3 获取保存的播放列表

    android - YouTube api : Not connected. 调用 connect() 并等待调用 onConnected()

    javascript - 通过 Chrome 开发者工具查看来自 Ajax 调用的 HTML 响应?

    javascript - 如何隐藏特定 slider 上的 NEXT 按钮

    用于删除给定域内所有 cookie 的 JavaScript 书签

    javascript - Youtube iframe 嵌入 WordPress : Cannot read property 'removeEventListener' of null

    youtube-api - YouTube Streaming API 表示用户未启用直播

    javascript - 无法加载 C# Web 服务的 JavaScript 数组