Я создал собственную собственную собственную видеозапись. Он может отображать видео 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>';
(добавлено ширина), но не работает.
Как исправить это?
Заранее спасибо
Вы проверили элемент, чтобы увидеть, применяется ли ширина или игнорируется? –
@ user2954995 Firebug говорит, что ширина составляет 70%. В соответствии с этим 'http: // stackoverflow.com/questions/2680409/change-object-height-and-width-works-in-chrome-but-not-firefox-or-ie-why' Мне нужно установить' width = "70%" 'внутри'
@ user2954995 Кроме того, о моем первоначальном вопросе Chrome говорит: «Значение« ширина устройства »для ключевой« ширина »недопустимо и игнорировалось». Его там как ошибка, и я не могу щелкнуть ее, чтобы я мог пойти в нужное место кода ... – slevin