gpt4 book ai didi

youtube-iframe-api 隐藏式字幕问题

转载 作者:行者123 更新时间:2023-12-04 07:53:47 27 4
gpt4 key购买 nike

昨天 2017 年 6 月 12 日花了大部分时间试图弄清楚为什么当我使用 YouTube iframe 嵌入代码(从“共享”>“嵌入”按钮生成)时我的字幕不起作用。

经过大量实验,我将问题缩小到已经确定的问题。隐藏式字幕不起作用,因为字幕是自动生成的。一旦我手动创建了隐藏式字幕,一切似乎都正常。我什至不必使用 cc_load_policy=1 参数。

但是...今天 2017 年 6 月 13 日,我碰巧在处理相同的视频文件,突然之间我的行为有所不同。当我从常规 YouTube 页面播放视频时,我会看到字幕。当我从 iframe 嵌入式播放器播放视频时,我不会。尝试了各种愚蠢的事情来让事情在阅读的基础上发挥作用。

  • 重新创建了英文隐藏式字幕(在开始时手动创建了一个简介)。
  • 设置 cc_load_policy=1 参数
  • 将 yt:cc=on 设置为标签
  • 其他一些不值得一提的傻事。

  • 字幕

    注意:在这两种情况下,域都是: http://www.youtube.com我只能在帖子中包含 2 个链接。

    /watch?v=EExO_6PVIXk

    无字幕:

    /嵌入/EExO_6PVIXk
    /embed/EExO_6PVIXk?cc_load_policy=1

    我很茫然。任何方向将不胜感激。

    约翰

    最佳答案

    通过小道消息,昨天(2017 年 6 月 14 日)YouTube iFrame API 发生了一些变化,CC 开始工作。

    通过一些测试,我得到了好坏参半的结果(但正在工作):

    1) 截至目前(2017 年 6 月 15 日),嵌入视频链接现在显示 CC 按钮,如果您之前启用了隐藏式字幕(在“yt-html5-player-modules::subtitlesModuleData::module-enabled”。

    2) 如果您向(iFrame 嵌入的)URL 提供记录的“cc_load_policy=1”参数,则无论本地存储中的值如何,隐藏字幕都将显示。

    3)没有工作的是我按如下方式加载iframe:

        <iframe
    id="futusign_youtube"
    style="visibility: hidden;"
    frameborder="0"
    src="https://www.youtube.com/embed/XIMLoLxmTDw?enablejsapi=1"
    ></iframe>

    然后尝试在 playerVars 中设置 CC 策略:
        var player = new window.YT.Player('futusign_youtube', {
    playerVars: {
    'controls': 0,
    'enablejsapi': 1,
    'showinfo': 0,
    'rel': 0,
    'cc_load_policy': 1,
    },
    events: {
    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange,
    'onError': onPlayerError,
    }
    });

    4) 解决方法是将 src 的 URL 上的 cc_load_policy=1 设置为 iFrame。
        <iframe
    id="futusign_youtube"
    style="visibility: hidden;"
    frameborder="0"
    src="https://www.youtube.com/embed/XIMLoLxmTDw?enablejsapi=1&cc_load_policy=1"
    ></iframe>

    关于youtube-iframe-api 隐藏式字幕问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44528683/

    27 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com