добавление видео в div с использованием JavaScript

Question

добавление видео в div с использованием JavaScript

0

Я пытаюсь добавить видео в div, используя javascript после нажатия ссылки. это мой код! Я не уверен, что я делаю это правильно, поскольку раньше не использовал видео с javascript:

                 var vid = document.createElement("source");
                     vid.src="youtube link";
                     vid.type="application/x-shock wave-flash";
                     vid.style.width = "330px";
                     vid.style.height = "200px";
                 var x = document.getElementById('bottom');
                     x.appendChild(vid);

                     <div id="bottom"></div>

user3000478 29 нояб. 2013, в 03:00

Источник

0

Это должно быть vid.style.width = "330" + px
MultiplyByZer0 29 нояб. 2013, в 01:54
0

Не уверен, что это была твоя проблема.
MultiplyByZer0 29 нояб. 2013, в 01:54

Теги:

javascript

html

video

youtube

1 ответ

Ещё вопросы

Не уверен, что это была твоя проблема.

m59 · Answer 1 · 2013-11-29T00-02-00.000Z

Я не думаю, что это правильный способ использования видео с YouTube, так как вы не получаете фактическую видеосвязь. Youtube имеет общедоступные встроенные ссылки, которые выглядят следующим образом:

<iframe width="560" height="315" src="//www.youtube.com/embed/9kd-PoHWah8" frameborder="0" allowfullscreen></iframe>

Вы можете использовать javascript для создания этого. Живой демо здесь (нажмите).

var iframe = document.createElement('iframe');
iframe.src = 'http://www.youtube.com/embed/9kd-PoHWah8';
iframe.width = '560';
iframe.height = '315';

var bottom = document.getElementById('bottom');
bottom.appendChild(iframe);

См. Здесь iframe api docs (нажмите) для получения дополнительной информации и более расширенных параметров: