2014-01-29 63 views
2

流媒體視頻(M3U8文件),我在這一個我的網頁打開隱藏字幕按鈕關閉iOS上

<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標籤封閉CAPTIONS屬性。您可以通過在EXT-X-STREAM-INF標籤上指定CLOSED-CAPTIONS = NONE來聲明播放列表中沒有隱藏式字幕內容。如圖1所示的「未知CC」選項在聲明不存在隱藏式字幕內容時不會顯示在選擇中。

我需要封閉CAPTIONS設置爲none,但問題是我不知道從哪裏我的HTML設置,我已經試過類似

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

雖然沒有工作。

有什麼想法?

回答

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'; 
}); 
+0

工程就像一個魅力!對不起回來遲了,只是有時間來驗證它。 – user3250674