Задать вопрос
Gafarchik
@Gafarchik
123

Размер 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 я чайник)
  • Вопрос задан
  • 166 просмотров
Подписаться 1 Средний 3 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Stepik
    JavaScript с нуля - основы языка и практика для начинающих
    2 недели
    Далее
  • Merion Academy
    Фронтенд-разработчик с нуля
    4 месяца
    Далее
  • Skypro
    JavaScript-разработчик с нуля
    9 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
Решения вопроса 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>

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

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

Похожие вопросы