Я использую JS для создания HTML-кода, включающего новый синтаксис iframe с YouTube.
Когда кто-то нажимает ссылку на странице на видео YouTube, JS проверяет размер документа и, если он достаточно большой, открывает на странице окно в стиле лайтбокса и воспроизводит видео там.
Когда я тестирую его, он открывает HTML, но пространство просто белое, а в исходном коде отображается пустой элемент <iframe>
.
Есть ли проблема с попыткой динамически добавить iframe встраница?
Вот соответствующая часть JS:
iframe = '<iframe width="'+defaults.width+'" height="'+defaults.height+'" src="'+vidsrc+'" frameborder="0" allowfullscreen></iframe>';
container = '<div class="videopow-overlay"><div class="videopow-container">' + iframe + '</div></div>';
$("body").prepend( container );
Вот что получает вывод:
<div class="videopow-overlay">
<div class="videopow-container">
<iframe width="800" height="485" src="http://www.youtube.com/watch?v=phzvyIQWCo8?hd=1" frameborder="0" allowfullscreen="">
<html><head></head><body></body></html>
</iframe>
</div>
</div>