ios - 在 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 所示的“未知 CC”选项。

我需要将 CLOSED-CAPTIONS 设置为无，但问题是我不确定在我的 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';
});