2016-04-20 3 views
0

Я использую videoJs для показа видео.VideoJS: mp4 не работает при динамическом изменении видеоролика

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

, но он не работает слишком.

+0

У вас есть пример MP4, который не работает? – misterben

+1

@misterben: он работал, когда я удалил «crossorigin =» анонимный », пожалуйста, дайте мне знать, если это повлияет на другое место. – Salil

ответ

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

 Смежные вопросы

  • Нет связанных вопросов^_^