我正在尝试制作世界上最简单的
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>
<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.jb51.cc/html5/168246.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。