2013-11-17 5 views
0

Я создал собственную собственную собственную видеозапись. Он может отображать видео html5 и видео с YouTube. Видео загружаются динамически, в зависимости от того, какой пользователь нажал.установить ширину встроенного видео youtube

На первом у меня есть

var elemv = document.createElement("video"); 
elemv.setAttribute("width", "70%"); 
elemv.setAttribute("controls", "true"); 
elemv.setAttribute("type","application/x-shockwave-flash"); 

Затем я использую WebSockets принести пути видео из базы данных. Я создаю массив с ними. Когда пользователь нажимает кнопку «Далее», например, я загружаю следующий элемент массива в DIV

//if html5 video 

    {document.getElementById("videogal").innerHTML=' '; 
      //get the next source and then load it 
     elemv.src=mplv[i]; 
     document.getElementById("videogal").appendChild(elemv);  
     } 

//if youtube link 

    document.getElementById("videogal").innerHTML='<object id="viewer" >'+mplv[i]+'</object>'; 

Это позволяет иметь YouTube и html5 видео в той же галерее. Все ссылки на youtube похожи на <iframe width="640" height="360" src="//www.youtube.com/embed/LIS2uZ8a9YQ" frameborder="0" allowfullscreen></iframe>. Ширина всегда 640

Проблема:

В beggingn моего кода я поставил "width", "70%". Это работает только для видео html5. Любые предложения о том, как заставить его работать для видео YouTube?

Я попытался document.getElementById("videogal").innerHTML='<object id="viewer" width= "70%;" >'+mplv[i]+'</object>';

(добавлено ширина), но не работает.

Как исправить это?

Заранее спасибо

+0

Вы проверили элемент, чтобы увидеть, применяется ли ширина или игнорируется? –

+0

@ user2954995 Firebug говорит, что ширина составляет 70%. В соответствии с этим 'http: // stackoverflow.com/questions/2680409/change-object-height-and-width-works-in-chrome-but-not-firefox-or-ie-why' Мне нужно установить' width = "70%" 'внутри'