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设置为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';
});

关闭关闭字幕按钮，以便在ios上播放视频（m3u8文件）

1 个答案: