2014-11-01 2 views
1

Это прекрасно работает в Chrome и Opera, но не в Firefox и IE. Я не знаю проблемы, у меня нет ошибок в консоли. После нажатия на кнопку воспроизведения ничего не происходит (кнопка воспроизведения исчезает и все это).Video.js не работает в FF, IE

Стиль:

.vjs-default-skin .vjs-playtoggle-control, 
.vjs-default-skin .vjs-progress-control, 
.vjs-default-skin .vjs-time-controls, 
.vjs-default-skin .vjs-time-divider, 
.vjs-default-skin .vjs-captions-button, 
.vjs-default-skin .vjs-volume-control, 
.vjs-default-skin .vjs-play-control, 
.vjs-default-skin .vjs-fullscreen-control { 
    display: none; 
} 
.vjs-control-bar { 
visibility: visible !important; 
opacity: 1 !important; 
transition-duration: 0s!important; 
} 

HTML

<div id='container'> 
    <video id='movie_container' class='video-js vjs-default-skin vjs-big-play-centered' data-setup='{}' preload='none' controls height='360px' width='640px'> 
    </video> 
</div>   

JS

_V_.options.flash.params = { 
      allowfullscreen: "true", 
      wmode: "transparent", 
      allowscriptaccess: "always" 
     }; 
var videojs_player; 
window.player = videojs("movie_container", { techOrder: ["flash", "html5"] }, function() { 
    videojs_player = this; 
    videojs_player.src({ src: "http://video-js.zencoder.com/oceans-clip.mp4", type: 'video/mp4'}) 
    videojs_player.pause = function() {}; 

    function myFunc() 
    { 
     //finish 
    } 
    function myFunc2() 
    { 
     //start 
    } 
    videojs_player.on('ended',myFunc);  
    videojs_player.on('play',myFunc2); 
}); 
+0

Если вы можете настроить живой, уменьшенный тестовый пример, это поможет решить эту проблему. Вы можете использовать этот jsbin в качестве отправной точки: http://jsbin.com/axedog/edit?html,output Также похоже, что вы используете старую версию video.js (_V_ устарела). Вы можете попробовать обновить. – heff

ответ

1

Удалить data-setup='{}' из элемента видео. Вы не должны включать это, если используете альтернативную настройку. Элементы видео (или аудио) с атрибутом data-setup автоматически настраиваются как игроки video.js. Вероятно, это просто разница в времени браузера, что в Firefox и IE игрок уже создан, когда вы вызываете videojs(), но в Chrome и Opera это не был.

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