Как запустить видео при клике на кнопку? Но как решить одну маленькую проблемку?

Question

[grishaaa]

Ребята!!! Я вас прошу, помогите!!
На сайте много видео, и как мне запустить каждый отдельно, при минимальном js коде.
Не хочется для кадого видео писать свой код.
В каждом блоке с видео будет кнопка, при клике на которую должно запускатся видео.
Как это сделать!!!

Answer 1

[Никита]

Если использовать Jquery, то:

$('.button_class').click(function(){
   var video_params = $(this).parent().data('video');
  // тут запуск проигрывателя и прочее
})

html-ка должна выглядеть как-то так:

<div class="video_block" data-video="параметры видео для запуска">
  <div class="button_class"></div>
</div>
<div class="video_block" data-video="параметры видео для запуска">
  <div class="button_class"></div>
</div>

и тд, главное чтоб у всех блоков с видео была одинаковая структура

Comments

[grishaaa]

Никита То бишь вот так?

$(".bgvideo").click(function(){
       var dataYoutube = $(this).parents('.video').attr('data-youtube');
	$(this).parents('.video').html('<iframe width="100%" height="100%" src="https://www.youtube.com/embed/'+ dataYoutube +'?autoplay=1" frameborder="0" allowfullscreen></iframe>');
});

Но у меня в таком случаи не работает на моб. v5.master-css.com/Grisha969/Flame/index.html#
На моб. видео в самом низу сайта

[Oslar]

Никита пожалуйста, напишите какой именно дальше должен быть код, я вообще не понимаю, уже сколько времени прошло так и не решил эту проблему