HTML5视频是否可以播放嵌入mp4文件中的字幕作为曲目?

HTML5视频是否可以播放嵌入mp4文件中的字幕作为曲目?,html,video,html5-video,subtitle,webvtt,Html,Video,Html5 Video,Subtitle,Webvtt,我按照说明将Webvtt文件作为曲目导入mp4文件 ,我检查了使用GPAC的Osmo4播放器时字幕是否正确显示 现在,我想通过HTML5视频标签播放带有字幕的视频,但HTML媒体跟踪元素似乎需要指定webvtt文件位置的src属性 有没有办法播放嵌入式字幕 否,HTML5视频标签目前不支持内部字幕和音频曲目 在HTML5视频标签中插入字幕的正确方法是: <video width="640" height="480" controls> <source src="video

我按照说明将Webvtt文件作为曲目导入mp4文件

,我检查了使用GPAC的Osmo4播放器时字幕是否正确显示

现在,我想通过HTML5视频标签播放带有字幕的视频,但HTML媒体跟踪元素似乎需要指定webvtt文件位置的src属性


有没有办法播放嵌入式字幕

否,HTML5视频标签目前不支持内部字幕和音频曲目

在HTML5视频标签中插入字幕的正确方法是:

<video width="640" height="480" controls>
  <source src="video.mp4" type="video/mp4" />
  <source src="video.webm" type="video/webm" />
  <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English" />
</video>


现在,使用MP4Box.js可以实时从MP4中提取字幕并在浏览器中播放。您应该特别检查音频/视频/WebVTT示例。

注意,Firefox上的演示有点奇怪:首先,您可以从“选择或设置URL:”下拉列表中选择一个示例;当您这样做时,视频元素上将出现一个微调器,使您认为该文件即将下载并播放,但事实并非如此!在下拉列表中进行选择后,您必须单击下面的“播放”按钮,然后文件才开始下载和播放!另外,Firefox 64上的鼠标悬停反应有点不对劲……事实证明,与演示的交互在“说明和注释”选项卡下进行了解释;注意:“…选择托管在服务器上的视频,该服务器允许此页面使用XHR(即使用CORS)获取这些视频…”;“选择或设置URL:”下拉列表中还有一个称为“非碎片文件(需要禁用CORS)”的部分,这是唯一一个包含完整http*URL的部分,但不会加载任何URL(如果启用了web安全/CORS,默认情况下在FF上启用了该部分-加载链接时,请查看其JS控制台w/“播放”按钮:“阻止跨源请求:同一源策略不允许…”