【发布时间】：2015-03-01 14:16:08
【问题描述】：
我一直在使用 Video.js 嵌入 mp4 视频，它是一个很棒的播放器，感谢所有开发和工作的人。在大多数情况下，它运行良好，但我有一些小问题需要解决。
这是其中一个视频页面； Columbia River Bass Fishing。它主要是 XHTML 过渡，我认为混合 HTML 5 会引起一些问题，尤其是属性值，但只要它有效，我稍后会弄清楚细节。这是 video.js 代码：
<video id="WAW_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360" poster="ColumbiaRiverSmallmouthBassFishing.jpg" data-setup='{"WAW_option":true}' >
<source src="ColumbiaRiverSmallmouthBassFishing.mp4" type='video/mp4' />
<track kind="captions" src="captions.vtt" srclang="en" label="English" default />
Your browser does not support this video. Maybe you should update your internet browser
</video>
视频内容在 Firefox、Chrome 和 IE11 中运行良好，但没有字幕。 “captions.vtt”文件是正确的，IE10会在我的电脑本地显示字幕，但在远程服务器上没有字幕。我尝试使用 VTT 文件的完整 URL 位置，但这也不起作用。
快速浏览此页面上的编码应该会告诉您我不是专家，但我想尝试生成有效且合规的代码，所以请原谅愚蠢的问题。
提前致谢
罗恩 B
【问题讨论】：
-
当我尝试访问您的网站时收到了
videojs is undefined，所以看起来您实际上并没有使用 Video.js。好消息是，在 Chrome 中的原版video元素中，字幕对我来说很好用 :) -
我直接从 videojs.com 复制了代码，所以我不确定“videojs 未定义”交易是什么。视频和字幕在我的桌面和 Android 手机上都可以在 Chrome 中运行，所以我已经为我准备好了，这是……
-
样式和脚本元素的类型属性错误：
<style type="text/javascript">和<script type="text/css">。 -
<style type="text/javascript">我从 videojs.com 上的设置说明中复制并粘贴，我认为<script src="video.js" type="text/css" ></script>是以前版本的 videojs 遗留下来的。感谢您指出这一点，我会尽力纠正它。 -
类型属性搞砸了，这就是问题所在。一行代码来自之前版本的 videojs，我没有删除，另一行可能是运行 flash 视频时遗留下来的。工作
<head>代码：<script type="text/javascript"> document.createElement('video');document.createElement('audio');document.createElement('track'); </script> <link href="video-js.css" rel="stylesheet"><script src="video.js"></script> <script> videojs.options.flash.swf = "video-js.swf" </script>。被激怒了。感谢您的帮助，尤其是 misterben。