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

Question

[Азат Тагаев]

Добрый день!
Подскажите пожалуйста!
Мне нужно с помощью 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>

Заранее благодарю!

Answer 1

[WapSter]

Примерно так) Только вместо картинки передавать в source тега видео ну или куда там тебе нужно. Вопрос вообще довольно простой и по основам js..

Answer 2

[Юрий Уваров]

Не нужно использовать ссылки для модальных окон, для этого есть button, но даже и без него можно обойтись используя data.
Например:

<img src="images/right.png" alt="right" data-href="путь к видео">

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