Video.js 给出错误 "The media could not be loaded because the server or network failed..."

Question

我正在尝试在 Mac OS X 上使用 Video.js 播放视频。这不适用于所有常见的浏览器。 Safari、Firefox、Opera 和 Google Chrome。我不确定它是否仅在您从服务器加载时才有效，但我的做法是将我的 HTML 文件拖放到浏览器的选项卡位置。这是我的 <video> 标签中的内容。

<video class="video-js vjs-default-skin" 
         controls preload="auto" width="880" height="495" 
         poster="/assets/poster.png" data-setup="{}" autoplay>
    <source src="/assets/TheMagicPortal.mp4" type='video/mp4'/>
    <source src="/assets/TheMagicPortal.webm" type='video/webm'/>
    <track kind="captions" src="assets/subtitles.vtt" srclang="en" label="English" default>
    <track kind="subtitles" src="assets/subtitles-fr.vtt" srclang="fr" label="Français">
    <track kind="subtitles" src="assets/subtitles-jp.vtt" srclang="ja" label="日本語">
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video.</a></p>
  </video>

Answer 1

我在 <source> 标签中使用了单引号而不是双引号！我怎么错过了？？！

Video.js 给出错误 "The media could not be loaded because the server or network failed..."

Video.js gives error "The media could not be loaded because the server or network failed..."

html

video

video.js