Проблема с display: none;

[Drazz]

Здравствуйте!

Очень надеюсь на вашу помощь. 

Есть стрим видеоплеер для просмотра видео прямо с торрент файлов ace stream и я хочу поставить его на сайт посредством модального окна. Вставляю код самого плеера и плейлист (источник видео):

<div id="player" style="display: none;">

<embed id="plugin" type="application/x-acestream-plugin"

        width="800"

        height="600"

        fullscreencontrols="true"

        fscontrolsenable="true"

        fscontrols="default"

        nofscontrolsenable="true"

        nofscontrols="default"

        nofscontrolsheight="36"

        loopable="false" />

        <script type="text/javascript"> var plugin = document.getElementById("plugin"); 

plugin.playlistLoadAsync("http://torrnado.ru/download/file.php?id=150532", 0, 0, 0);  </script>

        </div><span onclick="document.getElementById('player').style.display='block'">Просмотр</a></span> 

 

Проблема в том что модальное окно всплывает и плеер отображается корректно но не запускается содержимое, то бишь плейлист с источника, видео не фурычит.

Как я понял проблема в том что ему мешает display: none; Потому что когда я делаю вот так:

<embed id="plugin" type="application/x-acestream-plugin"

        width="800"

        height="600"

        fullscreencontrols="true"

        fscontrolsenable="true"

        fscontrols="default"

        nofscontrolsenable="true"

        nofscontrols="default"

        nofscontrolsheight="36"

        loopable="false" />

        <script type="text/javascript"> var plugin = document.getElementById("plugin"); 

plugin.playlistLoadAsync("http://torrnado.ru/download/file.php?id=150532", 0, 0, 0);  </script>

Все работает как надо и видео запускается. Помогите. Что я делаю не так?

Edited December 16, 2014 by Drazz