VideoJS：ビデオURLを動的に変更するときにmp4が機能しない

Question

私はビデオを表示するために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を使用しますが、私はエラー

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. 

を以下しまったmp4にしようとしたとき、私はあまりにも、次の試してみましたが、それはdoesnの完璧に動作仕事は

<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; 
    } 

が、それはあまりにも動作しませんでした。

Answer 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; 
    }