ios - 关闭 ios 上流式视频(m3u8 文件)的隐藏式字幕按钮
<p><p>我的页面有这个</p>
<pre><code><video>
<source type="video/mp4; codecs='avc1.4d0028, mp4a.40.5';" src="xxxxx.m3u8">
</source>
</video>
</code></pre>
<p>由于我使用的是m3u8，默认情况下隐藏字幕按钮会自动显示。</p>
<p>下面的链接正是问题</p>
<p> <a href="https://developer.apple.com/library/ios/qa/qa1801/_index.html" rel="noreferrer noopener nofollow">https://developer.apple.com/library/ios/qa/qa1801/_index.html</a> </p>
<p>根据这个:</p>
<p>iOS 7 还支持 EXT-X-STREAM-INF 标签的 CLOSED-CAPTIONS 属性。您可以通过在 EXT-X-STREAM-INF 标签上指定 CLOSED-CAPTIONS=NONE 来声明播放列表中不存在隐藏式字幕内容。当声明不存在隐藏式字幕内容时，选择中不会显示如图 1 所示的“Unknown CC”选项。</p>
<p>我需要将 CLOSED-CAPTIONS 设置为 none，但问题是我不确定在我的 html 中设置它的位置，我尝试过类似的方法</p>
<pre><code><video>
<source type="video/mp4; codecs='avc1.4d0028, mp4a.40.5'; closed-captions=none" src="xxxxx.m3u8">
</source>
</video>
</code></pre>
<p>虽然没用。</p>
<p>有什么想法吗？</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>使用 Javascript 你可以控制字幕</p>
<p>在下面的示例中，我使用的是 jQuery(因为我的页面已经在使用它)，但您也可以这样做。我还为我的 <code><video></code> 元素指定了一个特定的 ID，想象中称为“视频”，我还在那里包含用于暂停/查找视频的控件 <code><video id="video"控件></code>.</p>
<pre><code><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; // corresponds to the first track element
track.mode = 'hidden';
});
</code></pre></p>
<p style="font-size: 20px;">关于ios - 关闭 ios 上流式视频(m3u8 文件)的隐藏式字幕按钮，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/21442708/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/21442708/
</a>
</p>
页:
[1]