HTML5视频+TTML字幕不显示字幕
HTML5 video + TTML subtitle is not displaying subtitle
我正在尝试在视频中显示我的字幕。我有 mp4 视频和视频的 ttml 文件。当它放在html代码中时,视频正在播放,但没有字幕[在chrome中检查]。当我在IE11中检查时,它在HTML5视频播放器中显示了CC选项,但也没有字幕。
这是我尝试过的http://jsfiddle.net/ilaiya/s49zessy/
<video controls autoplay height="400" width="400">
<source type="video/mp4" src="https://ccdpoc.blob.core.windows.net/asset-b82767bd-bf28-4e03-a2d2-329d6df2b633/Index.mp4?sv=2012-02-12&sr=c&si=107ca7bf-272e-48a9-b824-a48da8b7fe90&sig=o8PPGNFD6k0B7PMwdvZdjEy%2FuRc2r4urqqFd5GJyN2k%3D&st=2014-12-10T10%3A40%3A14Z&se=2016-12-09T10%3A40%3A14Z">
<track src="https://ccdpoc.blob.core.windows.net/sourceaes34/subtitle.ttml" label="English subtitle" kind="subtitles" srclang="en-us" default>
</video>
Chrome 不支持 TTML 带外字幕信息。目前,只有WebVTT可以在元素内部使用。
通常,Chromium试图从Blink:https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/vXuOTK5M0hM 中删除XML。
相关文章:
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- 如何获得字幕显示与zurbs基金会's轨道滑块
- 如何使用videojs开始播放视频时不显示字幕
- 如何使jssor字幕仅显示在鼠标悬停上
- 使用javascript显示字幕
- HTML5视频:同时显示两个不同的字幕
- 弹性滑块根本不显示,字幕未正确显示
- 当鼠标悬停在 Jssor 中的缩略图菜单上时显示字幕
- HTML5视频+TTML字幕不显示字幕
- WordPress集成FlexSlider不显示字幕
- 视频源的JavaScript导致jssor滑块同时显示所有字幕
- VideoJS不显示字幕
- 显示多重字幕的html5视频
- 在播放器外显示字幕
- 为什么使用popcorn.js不能显示XML字幕?
- Flexslider-如何在滑块外显示字幕
- 可以't显示带有Angularjs的字幕图像模态
- 如何显示带有本地字幕的本地视频(没有网络服务器)