X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проигрывание MP4, Как начать проигрывание по клику мыши
rad2
rad2
Topic Starter сообщение 27.5.2021, 12:35; Ответить: rad2
Сообщение #1


Добрый день !
HTML5 позволяет проигрывать MP4 посредством следующих тэгов:

<video id="player" width="100%" height="auto" autoplay="autoplay" controls="">
<source src="https://haitek.ru/download/RTI.mp4" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2">
</video>

Однако в данном случае предполагается, что пользователь нажимает на ссылку в исходной странице и переходит на новую страницу с данными тэгами

Хотелось бы остаться на исходной странице и проигрывать теми же тэгами, но по запросу (по клику или еще какому-то событию)

Прошу привести сразу текст изменения
Заранее спасибо

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
malamut
malamut
сообщение 27.5.2021, 14:47; Ответить: malamut
Сообщение #2


Код
document.querySelector('#play').addEventListener('click', function() {
    document.querySelector('#player').play();
});

Где play - идентификатор вашей кнопки, при клике на которой должно проигрываться видео. Перед навешиванием обработчика не забудьте дождаться загрузки страницы. И уберите autoplay для отключения автоматического проигрывания


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rad2
rad2
Topic Starter сообщение 27.5.2021, 19:20; Ответить: rad2
Сообщение #3


malamut,

Я не понял, как сработают по нажатию кнопки мои тэги НTML, которые я указал выше, и что понимается под player
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prarok7077
prarok7077
сообщение 19.7.2021, 15:05; Ответить: prarok7077
Сообщение #4


rad2,
Будет проводится работа только с одним тэгом vidio у которого есть id = "player", остальные не будут тронуты.
При клики на кнопку #play, у вас запустится события клика мышки, которая запустит обработчик, который найдёт ваше видео (document.querySelector('#player')) и запустит его (document.querySelector('#player'.play()).
player - id вашего родителя video.
Надеюсь смог вам разжевать код что был приведён выше.
Единственно могу посоветовать добавить проверку на отсутствия этого id для избежание ошибки.
Код
const btn = document.querySelector('#play') //поиск копки
if (btn) {
  // события клика
  btn.addEventListener('click', function() {
    document.querySelector('#player').play(); // поиск видео и запуск проигрывания
  });
}


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал prarok7077 - 19.7.2021, 15:07
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКонвертация gif в MP4
10 Игорь Ку 1934 18.5.2020, 13:03
автор: agrx
Открытая тема (нет новых ответов) Требуются журналисты/постеры на сайт (Фильмы mp4 на телефон)
1 bomrox 4006 13.8.2012, 10:17
автор: -Seo-SSSR.ru-


 



RSS Текстовая версия Сейчас: 25.4.2024, 13:53
Дизайн