VideoJS:mp4在动态更改视频url时不起作用

VideoJS: mp4 is not working when dynamically changing the video url

本文关键字：视频 url 不起作用 mp4 动态 VideoJS      更新时间：2023-09-26

我正在使用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;
  }

但它也不起作用。

当我做了以下更改时，它就工作了。刚刚移除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;
  }
相关文章：