У меня есть веб-страница, содержащая iframe
. Внутри iframe
находится встроенное видео Youtube. Когда я воспроизвожу это видео, я делаю его масштабируемым (растущим) размером. По мере того как видео растет, не все видео видно, потому что iframe недостаточно широк.
Можно ли сделать iframe "Overflow its content", т.е. сделать видео видимым вне ширины iframe (см. ниже снимки экрана, чтобы ясный пример того, чего я пытаюсь достичь).
Вот как выглядит веб-страница:
Вот как я хотел бы, чтобы видео выглядело, когда оно полностью выросло:
Примечание. Я просто не могу сделать iframe более широким. Я попытался предоставить iframe (и все его дочерние элементы) CSS overflow: visible
, но он ничего не меняет.
Это простой пример того, как организована веб-страница:
....head, opening html tag, etc. up here
<body>
<div id="outerContainer" style="overflow: visible">
<div id="navBar">...</div>
<div id="content style="overflow: visible">
<iframe src="myHelpDocumentation.html" style="overflow: visible">
<!-- Inside this iframe/webpage are the embedded Youtube videos.
Each video is an iframe itself (that sits inside a div). -->
</iframe>
</div>
</div>
</body>
Знаете ли вы способ использования CSS или HTML, чтобы показывать видео вне пределов iframe? Я мог бы использовать Javascript для удаления видео (iframe) из iframe и поместить его в основной веб-страница, но это будет очень плохой дизайн сайта, как вы думаете?