Autoplay video html5

@WeMeSder · Регистрация: 13.07.2014

Студворк — интернет-сервис помощи студентам

На фон установлено видео

HTML5
1
2
3
<div id = "topVideoCover">
        <video src="#" id = "tVC" autoplay loop width = "100%" type = "video/mp4"></video>
    </div>

воспроизводится после загрузки документа

JavaScript
1
2
3
4
5
6
7
    document.body.onload = function() {
        j('#tVC').attr('src','/Files/Video/BG/o'+topVC+'.mp4');
    }
    document.getElementById('tVC').addEventListener('canplaythrough', function() {
        j('#topVideoCover').animate({'opacity':'0.6'}, 2000);
        this.play();
    }, false);

Когда страница загружается со ссылки, то все работает как нужно. Документ загружается, видео принимает src и воспроизводится.

Но если страницу обновить , а не прийти со ссылки, то видео стоит , не срабатывает play(). Это наблюдается только в Chrome.
можно сделать дополнительно код

JavaScript
1
j('body').click(function() {document.getElementById('tVC').play();});

тогда видео сработает после клика.
как сделать что бы сразу срабатывал play(); при обновлении страницы (не перехода со ссылки) .??

@Evgen1337 · 16.07.2018, 13:46

Поместите

JavaScript
1
document.getElementById('tVC').addEventListener('canplaythrough'

в функцию

JavaScript
1
document.body.onload

А то есть вариант, что скрипт загружается раньше чем html

@WeMeSder · 16.07.2018, 14:11 **[ТС]**

Спасибо, верно,
но это не решает проблему

@Thisman · 16.07.2018, 19:29

Сообщение от WeMeSder

Но если страницу обновить , а не прийти со ссылки,

По какой такой ссылке?

@WeMeSder · 17.07.2018, 10:26 **[ТС]**

по любой из ссылок. Как я уже говорил, видео фоновое, и установлено на все страницы сайта.
если перемещаться по сайту по ссылкам, то видео запускается. Даже если нажать на ссылку той же страницы, которая открыта.
Но если открытую страницу обновить(ctrl+r, кнопка вверху), то видео стоит, и не запускается кодом с play();.

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@WeMeSder 32 / 31 / 21 Регистрация: 13.07.2014 Сообщений: 374
	16.07.2018, 14:11 [ТС]
	Спасибо, верно, но это не решает проблему 0

@WeMeSder 32 / 31 / 21 Регистрация: 13.07.2014 Сообщений: 374
	17.07.2018, 10:26 [ТС]
	по любой из ссылок. Как я уже говорил, видео фоновое, и установлено на все страницы сайта. если перемещаться по сайту по ссылкам, то видео запускается. Даже если нажать на ссылку той же страницы, которая открыта. Но если открытую страницу обновить(ctrl+r, кнопка вверху), то видео стоит, и не запускается кодом с play();. 0