HTML5跟踪标题未显示

前端之家收集整理的这篇文章主要介绍了HTML5跟踪标题未显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试制作世界上最简单的 html5视频播放器:
<!DOCTYPE html>
<html>
    <head>
        <Meta charset="utf-8">
        <title>ST Media Player</title>
    </head>
    <body>
        <video id="player" src="http://video-js.zencoder.com/oceans-clip.mp4" controls>
            <track kind="captions" src="_tracks/test.vtt" default>
        </video>
    </body>
</html>

完成!

现在为什么玩家会认识到有字幕,但没有显示出来?我现在尝试了不同的视频和字幕文件.

解决方法

当您的内容在Web服务器上提供时,Track标记正在运行.另外,不要忘记添加将mime类型设置为vtt文件的配置.这是我在IIS上运行的示例:
<video>
   <source src="video.mp4" type="video/mp4" />
   <track src="video.en.vtt" kind="subtitles" 
         label="English Subtitles" srclang="en" />
</video>

对于IIS Web.Config文件

<configuration>
    <system.webServer>
      <staticContent>
        <remove fileExtension=".vtt" />
        <mimeMap fileExtension=".vtt" mimeType="text/vtt" />
      </staticContent>
    </system.webServer>
</configuration>

对于Tomcat Server WEB-INF / web.xml文件

<web-app>
  <mime-mapping>
    <extension>vtt</extension>
    <mime-type>text/vtt</mime-type>
  </mime-mapping>
</web-app>

对于Apache Server,将.htaccess文件添加到您的web目录,并写入该行以添加字幕mime类型:

AddType text/vtt .vtt
原文链接:https://www.f2er.com/html5/168246.html

猜你在找的HTML5相关文章