VideoJS：动态更改视频网址时，mp4 不起作用答案

【问题标题】：VideoJS: mp4 is not working when dynamically changing the video urlVideoJS：动态更改视频网址时，mp4 不起作用
【发布时间】：2016-08-12 20:28:10
【问题描述】：

我正在使用 videoJs 来显示视频。

HTML

<video id="player-vjs_html5_api" class="vjs-tech" crossorigin="anonymous" preload="auto" src="http://path-to-video/small.mp4">
  <p class="vjs-no-vjs">Your browser does not support video.</p>
</video>

Javascript

  loadMedia: function(path) {
    player.src(path);
    return void 0;
  }

当我使用.webm 时它工作得很好，但我尝试使用mp4 时出现以下错误

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

我也试过了，但是没用

<video id="player-vjs_html5_api" class="vjs-tech" crossorigin="anonymous" preload="auto">
    <source src="" type="video/mp4" />
    <source src="" type="video/webm" />
    <source src="" type="video/ogv" />
  <p class="vjs-no-vjs">Your browser does not support video.</p>
</video>

和

  loadMedia: function(path) {
    player.src([
        { type: "video/mp4", src: path+".mp4" },
        { type: "video/webm", src: path+".webm" },
        { type: "video/ogg", src: path+".ogv" }
    ]);
    return void 0;
  }

但它也没有用。

【问题讨论】：

你有 MP4 不工作的例子吗？
@misterben ：当我删除 crossorigin="anonymous" 时它起作用了，如果它影响其他地方，请告诉我。

标签： javascript angularjs html coffeescript video.js

【解决方案1】：

当我进行以下更改时它可以工作。刚刚删除crossorigin="anonymous"

<video id="player-vjs_html5_api" class="vjs-tech" preload="auto">
    <source src="" type="video/mp4" />
    <source src="" type="video/webm" />
    <source src="" type="video/ogv" />
  <p class="vjs-no-vjs">Your browser does not support video.</p>
</video>

javascript

loadMedia: function(path) {
    player.src([
        { type: "video/mp4", src: path+".mp4" },
        { type: "video/webm", src: path+".webm" },
        { type: "video/ogg", src: path+".ogv" }
    ]);
    return void 0;
  }

【讨论】：