2015-06-25 8 views
0

У меня на моем веб-сайте есть флеш-плеер, который автоматически запускается. Проблема заключается в том, что видео начинает играть до того, как будет загружен другой контент на странице. Я хочу заставить дождаться Веб-страница загружается или максимум через 2 секундыПодождите, пока страница загрузится или дождитесь X секунд перед загрузкой проигрывателя

<object id="flowplayer" width="640" height="360" data="/flowplayer-3.2.18.swf" type="application/x-shockwave-flash"> 

     <param name="allowfullscreen" value="true" /> 
     <param name="wmode" value="transparent" /> 
     <param name="flashvars" value='config={"clip":"URL goes here", "plugins": {"controls": {"autoHide" : false} }}' /> 

ответ

1

Для начала я считаю, что отключение autoplay вашего проигрывателя может быть самым простым способом избежать вашей проблемы. Для опции autoplay, посмотрите here.

Если вы хотите всегда использовать JavaScript, чтобы загрузить содержимое флэш через некоторое время, вы можете использовать, как вы уже упоминали, display:none так:

CSS:

<style> 
    #flowplayer { 
     display: none; 
    } 
</style> 

И то для JavaScript, когда страница загружена:

window.addEventListener('load', function() {  
    document.getElementById('flowplayer').style.display = 'block';  
}, false); 

Или с помощью Jquery:

jQuery(window).load(function() {  
    document.getElementById('flowplayer').style.display = 'block';  
}); 

И с помощью тайм-аут:

var timeout = setTimeout(function(){ 
    document.getElementById('flowplayer').style.display = 'block'; 
    clearTimeout(timeout); 
}, 2000); 

Надежда, которая может помочь.

+0

... Спасибо за вашу помощь. Мне нужно автовоспроизведение видео, но автовоспроизведение должно дождаться, когда страница будет полностью загружена. Если страница не загружена полностью через 2 секунды, запустите автозапуск в любом случае – user2650277

+0

@ user2650277 Я отредактировал свой ответ, возьму взгляд. – akmozo

0

может быть, вы можете использовать функцию $(document).ready() (https://learn.jquery.com/using-jquery-core/document-ready/), если это не поможет - вы можете вставить флэш-код с JS/JQuery через некоторое время с setTimeout() , Я надеюсь, что это сработает.

+0

вы можете показать пример. Я могу добавить стиль = "display: none;" к тегу объекта. Затем я удаляю его, когда страница загружена, или 2 секунды. – user2650277

+0

Я не уверен, что «display-none» не позволит загружать флешку, но вы можете попробовать. Какой пример вам нужен? – TamarG

+0

, тогда мне нужно попробовать другой подход. Что вы рекомендуете. Я ищу подход JS только – user2650277

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

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