Размер iframe по кнопке?

Question

[Igor Gafarchik]

Доброго времени суток! Столкнулся с проблемой размера iframe.
Задача стояла в том чтоб по кнопке изменился размер видео с ютуба(открыть на полный экран).
пробовал сделать так

<script type="text/javascript">
	function ch(){
		document.getElementById('video').style.css = 'height:90%;width:100%;';
	}
</script>
<iframe src="https://www.youtube.com" frameborder="none" id="video" class="video"></iframe>
<input type="button" class="videobutton" id="butt" name="butt" value="Видео" onClick="ch">

Ошибок в консоле не пишет но не работает такая штука. В интернете много было способов но все выглядят примерно так. А стандартная ютуб функция не подходит по заданию. Кто может подсказать каким боком это реализовать. В js я чайник)

Comments

[Станислав Некрасов]

Может быть можно попробовать заменить style.css на style.cssText?

[Igor Gafarchik]

Станислав Некрасов, спасибо) напишите это как ответ чтоб я отметил решение

[Станислав Некрасов]

Igor Gafarchik, удачи)

Answer 1

[Станислав Некрасов]

Надо это:

document.getElementById('video').style.css = 'height:90%;width:100%;';

Заменить на:

document.getElementById('video').style.cssText = 'height:90%;width:100%;';

А лучше вообще так:

let videoElem = document.getElementById('video');
videoElem.style.height = '90%';
videoElem.style.width = '100%';

P.S. А лучше это делать классами:

document.getElementById('video').classList.add('fullscreen');

<style>
.fullscreen {
    height: 90%;
    width: 100%;
}
</style>

Полезное по этой теме