Javascript VideoJS字幕菜单未显示_Javascript_Html_Video.js

Javascript VideoJS字幕菜单未显示

javascript html

Javascript VideoJS字幕菜单未显示,javascript,html,video.js,Javascript,Html,Video.js,我有一个问题，我在网上到处搜索，但我似乎找不到解决办法我有这个密码 <!doctype html> <head> <title>Video.JS Example</title> <link href="//vjs.zencdn.net/5.2.2/video-js.css" rel="stylesheet"> <script src="//vjs.zencdn.net/5.2.2/video.j

我有一个问题，我在网上到处搜索，但我似乎找不到解决办法

我有这个密码

     <!doctype html>
<head>
    <title>Video.JS Example</title>
    <link href="//vjs.zencdn.net/5.2.2/video-js.css" rel="stylesheet">
    <script src="//vjs.zencdn.net/5.2.2/video.js"></script>
</head>
<body>
    <div style="width:700px;margin:0px auto;">
        <video id="example_video_1" class="video-js vjs-default-skin"
               controls preload="auto" width="640" height="264"
               poster="http://video-js.zencoder.com/oceans-clip.png"
               data-setup='{"controls":true}'>
            <source src="http://x/watch/Inside.Out.HD1080.mp4" type='video/mp4' />
<track src="http://x/watch/subtitles/en/Inside.Out.HD1080.vtt" srclang="en" label="English"/>
        </video>
    </div>
</body>


Video.JS示例

但是当我运行它时，一切都正常，但字幕选择不显示看这里：

加载videojs后，将此函数添加到javascript中

            function loadCaptionsifAny() {
                var video = document.getElementsByTagName("video")[0];
                track = document.createElement("track");
                track.kind = "captions";
                track.label = "English";
                track.srclang = "en";
                track.src = "captions/captions.vtt";
                video.appendChild(track);
                video.textTracks[0].mode = "showing";
            }

希望这能解决你的问题

是否尝试共享VTT文件？我复制了您的代码并链接到本地视频和VTT文件。我得到的是一样的：videojs播放器，没有字幕/字幕。但我也得到了一个字幕选择按钮（右下角，就在全屏按钮之前），它指示字幕是“关闭”的，并允许我激活“英语”。字幕随即出现。不是答案，但你应该检查一下为什么选择按钮从你的播放机上消失了，也许谷歌可以在默认情况下设置字幕“开”。只需对文件内容进行一次编辑。如果我将链接更改为不存在的vtt文件，则选择字幕不会出现。如果我链接到一个空的vtt文件，它会这样做。那么，也许你的html中的vtt文件名搞错了？