关闭 ios 上流式视频（m3u8 文件）的隐藏式字幕按钮

Question

我的页面有这个

<video>
  <source type="video/mp4; codecs='avc1.4d0028, mp4a.40.5';" src="xxxxx.m3u8">
  </source>
</video>

由于我使用的是m3u8，默认情况下隐藏字幕按钮会自动显示。

下面的链接正是问题

https://developer.apple.com/library/ios/qa/qa1801/_index.html

根据这个：

iOS 7 还支持 EXT-X-STREAM-INF 标签的 CLOSED-CAPTIONS 属性。您可以通过在 EXT-X-STREAM-INF 标签上指定 CLOSED-CAPTIONS=NONE 来声明播放列表中不存在隐藏式字幕内容。当声明不存在隐藏式字幕内容时，选择中不会显示如图 1 所示的“Unknown CC”选项。

我需要将 CLOSED-CAPTIONS 设置为 none，但问题是我不确定在我的 html 中设置它的位置，我尝试过类似的方法

<video>
  <source type="video/mp4; codecs='avc1.4d0028, mp4a.40.5'; closed-captions=none" src="xxxxx.m3u8">
  </source>
</video>

虽然没用。

有什么想法吗？

Answer 1

使用 Javascript 你可以控制字幕

在下面的示例中，我使用的是 jQuery（因为我的页面已经在使用它），但您也可以这样做。我还为我的<video> 元素指定了一个特定 ID，想象中称为“视频”，并且我还在那里包含用于暂停/查找视频 <video id="video" controls> 的控件。

<script type="text/javascript">
    $(document).ready(function() {
    var video = document.querySelector('#video'); // get the video element
    var tracks = video.textTracks; // one for each track element
    var track = tracks[0]; // corresponds to the first track element
    track.mode = 'hidden';
});