Videojs标题在Firefox中不起作用

Question

无法在 Firefox 中使用 Coldfusion 语言生成字幕。但在 google chrome 中运行良好。

  <cfset newElement = ''>
  <cfset newElement=newElement & 'WEBVTT' & chr(10)>     
   <cfoutput query="qryData">
            <cfset startHours = Int(qryData.startTime / 3600)>
            <cfset startMinutes = Int( ( qryData.startTime - (startHours * 3600) ) / 60) >
            <cfset startSeconds = Int( qryData.startTime - (startHours * 3600) - (startMinutes * 60) )><cfset startTime = CreateTime(startHours, startMinutes, startSeconds)>
            <cfset endHours = Int(qryData.endTime / 3600)>
            <cfset endMinutes = Int( ( qryData.endTime - (endHours * 3600) ) / 60) >
            <cfset endSeconds = Int( qryData.endTime - (endHours * 3600) - (endMinutes * 60) )>
            <cfset endTime = CreateTime(endHours, endMinutes, endSeconds)>
            <cfset newElement=newElement & chr(10)>
            <cfset newElement = newElement & TimeFormat(startTime, 'HH:MM:SS')&'.000 -->'&TimeFormat(endTime, 'HH:MM:SS')&'.000' & chr(10)>
            <cfset newElement = newElement & XMLFormat('- ' & qryData.caption)&chr(10)></cfoutput><cfcontent type = "text/vtt></cfsilent>    
   <cfoutput>#newElement#</cfoutput>

输出：

WEBVTT

00:00:05.000 --> 00:00:10.000

标题 1

00:00:12.000 --> 00:00:20.000

标题 2

00:00:25.000 --> 00:00:30.000

标题 3

firefox 生成此格式但在视频播放时不显示。

Answer 1

您的 WebVTT 可能无效。你可以在这里验证它：https://quuz.org/webvtt/

格式应该是这样的：

WEBVTT

00:00:05.000 --> 00:00:10.000
caption 1

00:00:12.000 --> 00:00:20.000
caption 2

00:00:25.000 --> 00:00:30.000
caption 3

如果发布您的 videojs 嵌入代码是有效的，那么我们可以看到您在 track 标签中包含哪些选项。