Задать вопрос
@sasha_jarvi
javascript

Как решить проблему со вставкой видео на устройствах с шириной экрана выше 992px?

Имеется следующий код:

<div class="main-banner__video d-none d-lg-block">
</div>

    window.onload = function(){
    if(window.innerWidth >= 992)
        $('.main-banner__video').html('<video src="/video/Nikola_v6_for _site_1_1.mp4" width="100%" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' autoplay loop muted></video>')
};


Таким образом, при ширине экрана 992px и выше в контейнер должно вставляться видео, но этого не происходит. Как исправить эту ошибку?
  • Вопрос задан
  • 27 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@sasha_jarvi Автор вопроса
Немного подправил синтаксис, и видео заработало

window.onload = function(){
    if($(window).width() >= 992) {
        $('.main-banner__video').html('<video src="/video/Nikola_v6_for _site_1_1.mp4" width="100%" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\' autoplay loop muted></video>')
    }
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ParaBellum577
А через медиазапрос упростить не пробовали? Если ширина меньше чем 992px => display:none;
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы