Borsok
@Borsok
Начинающий верстальщик

Как при нажатии на тэг «a» передать url плееру?

Добрый день!
Подскажите пожалуйста!
Мне нужно с помощью JS или JQ, при нажатии на одно из изображений, запустить плеер с видео.
Плеер запускается в модальном окне. То есть, нажал на картинку с изображением постера видео, модальному окну с плеером дается класс с opasity 1 и в путь прописывается url расположения видео!

Собственно код html:
<div class="video">
	<a href="путь к видео" class="play">
             <img src="images/right.png" alt="">
        </a>
	<p class="play_text">Просмотрите видео, чтобы узнать подробнее о наших уроках</p>
</div>


Заранее благодарю!
  • Вопрос задан
  • 56 просмотров
Решения вопроса 2
wapster92
@wapster92 Куратор тега JavaScript
Люблю трилогию ME

Примерно так) Только вместо картинки передавать в source тега видео ну или куда там тебе нужно. Вопрос вообще довольно простой и по основам js..
Ответ написан
fergussawyer
@fergussawyer
Front-End
Не нужно использовать ссылки для модальных окон, для этого есть button, но даже и без него можно обойтись используя data.
Например:
<img src="images/right.png" alt="right" data-href="путь к видео">

Создавать лишнюю разметку для JS не нужно.
Относительно вашей задачи: https://codepen.io/WEBBRACE/pen/PoqypMG
При нажатии на ссылку с классом play передается атрибут src тегу source с классом source.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
10 апр. 2020, в 16:12
1000 руб./в час
10 апр. 2020, в 16:09
500 руб./в час
10 апр. 2020, в 16:02
10000 руб./за проект