Safari浏览器中未显示MP4视频的字幕

Question

我创建了一个带有字幕的视频（mp4），可以在所有浏览器中播放。

问题： 字幕不单独在safari浏览器中显示，但在所有其他浏览器中工作正常（chrome，firefox，ie）

代码： <video id="ScreenMediaPlayer" controls autoplay src="" type="video/mp4" runat="server">您的浏览器不支持视频代码。 </video>

<div id="divSubtitleholder" class="ShowScroll">
        <div id="divSubtitle">
        </div>
</div>

的CSS：

.ShowScroll
    {
        overflow-y: auto;
        background-color: rgba(0,0,0, 0.5);
        height: 75px; 
        top: 80%;  
        position: absolute;  
        font-size: 20px; 
        color: White; 
        text-align: center;
    } 

Answer 1

首先在所有相关浏览器上对此进行测试

http://iandevlin.github.io/mdn/video-player-with-captions/

点击 CC 按钮并选择语言后，您应该看到文字

如果有效，请检查此github存储库中的源代码

https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions

这里有一些HTML5视频播放器

http://praegnanz.de/html5video/

上述所有内容均取自您应该阅读并试图适用于您的案例的精彩文章

https://developer.mozilla.org/en-US/Apps/Build/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video