Gafarchik
@Gafarchik
Молодой и зеленый програмист

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

Доброго времени суток! Столкнулся с проблемой размера 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 я чайник)
  • Вопрос задан
  • 91 просмотр
Решения вопроса 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>

Полезное по этой теме
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы