关闭ios上的流视频(m3u8文件)关闭字幕按钮

Question

我要把这个写在我的页面上

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

由于我使用的是m3u8，默认情况下关闭的标题按钮将自动显示。

下面的链接正是问题所在。

index.html

根据这一点：

iOS 7还支持EXT-X流-INF标记的闭包标题属性.您可以通过在EXT-X流-INF标记上指定闭包标题=NONE来声明播放列表中没有封闭标题内容。如图1所示，当声明不存在封闭标题内容时，将不会在所选内容中显示“未知CC”选项。

我需要将闭包标题设置为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';
});