Jwplayer мигает Ошибка при загрузке плеера: не удалось загрузить конфигурацию плеера

Jwplayer мигает «Ошибка загрузки проигрывателя: не удалось загрузить конфигурацию проигрывателя» всего за секунду, прежде чем он правильно загрузит видео. Я просто думаю, что это выглядит непрофессионально, и я потратил много времени на поиски того, как я могу подавить ошибку или скрыть ее, пока видео не завершит загрузку.

В таких браузерах, как Chrome или Safari, вы часто даже не видите ошибку, потому что это так быстро, но в Firefox вы видите ошибку каждый раз.

Вот живая демонстрация того, о чем я говорю:

https://jj.coursesaver.com/video/watch/2012-11-atomic-structure-atomic-mass-periodic-table/g1-atomic-and-nuclear-structure-1

Любые предложения о том, что я мог бы попытаться сделать так, чтобы пользователь никогда не видел эту ошибку?

Спасибо!


javascript jwplayer jwplayer6
person BakerStreetSystems    schedule 24.11.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Эта ошибка возникает из-за того, что объект флэш-памяти JW добавлен непосредственно на вашу HTML-страницу и без надлежащих параметров конфигурации. Это неправильный способ встраивания проигрывателя JW:

<div id="videoplayer_wrapper" class="embed-responsive embed-responsive-16by9">
    <object type="application/x-shockwave-flash" data="/jw6.12/jwplayer.flash.swf" bgcolor="#000000" id="video-object" name="video-object" class="embed-responsive-item jwswf swfPrev-beforeswfanchor0 swfNext-afterswfanchor0" tabindex="0">
        <param name="allowfullscreen" value="true">
        <param name="allowscriptaccess" value="always">
        <param name="seamlesstabbing" value="true">
        <param name="wmode" value="opaque">
    </object>
</div>

Попробуйте заменить то, что у вас есть, на следующее:

<div id="videoplayer_wrapper" class="embed-responsive embed-responsive-16by9">
    <div id="video-object"></div>
</div>
person jherrieven    schedule 16.12.2015

arrow_upward
0
arrow_downward

Вы можете использовать параметры JW Player onSetup и onError, чтобы предоставить изображение для этих сценариев. Так:

<div id="playerWrapper">
    <div id="player"></div>
</div>
<script>
    jwplayer('player').setup({
       file:'file.mp4',
       image:'placeholderImage.jpg',
       abouttext: 'Welcome',
       aboutlink: 'http://example.com',
       width: '100%',
       bufferlength: 3,
       primary: 'html5',
       stretching: 'uniform',
       aspectratio: '16:9',
       autostart: 'true',
       events: { 
         onError: function () {
            $('playerWrapper').html('<img src="error.jpg" style="width:100%;height:100%;" />');
         },
         onSetupError: function () {
            $('playerWrapper').html('<img src="error.jpg" style="width:100%;height:100%;" />');
         }
       },
       ga: {}
    )};
</script>
person Elon Zito    schedule 09.12.2015