slider-pro icon indicating copy to clipboard operation
slider-pro copied to clipboard

reachVideoAction option

Open an1101 opened this issue 8 years ago • 2 comments

Hello,

Thank you very much for your jquery ! It's very cool.

I have 4 vimeo videos. I want to make a slider. I use version1.3 slider-pro. I setted 'playVideo' on reachVideoAction, but last slider only starts to play. First one, second one, third one don't start to play.

Is there any way how to play it automaticly ?

Best regards

an1101 avatar Jan 26 '17 05:01 an1101

Hi. You must give each video a unique ID attribute.

Cheers

davidghi avatar Jan 30 '17 14:01 davidghi

Thank you for your reply.

I changed it as follows. I added data-videojs-id="videoX". But the situation doesn't change. Last video only starts to play. Is there any way how to play it automaticly ?

Best regards

<div id="thumb-h" class="slider-pro">

<div class="sp-slides">

<div class="sp-slide">

  <iframe class="sp-video"  data-videojs-id="video1" src="https://player.vimeo.com/video/XXXXXXXXX?api=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

</div>

<divclass="sp-slide">`

  <iframe class="sp-video" data-videojs-id="video2"src="https://player.vimeo.com/video/XXXXXXXXX?api=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

</div>

<divclass="sp-slide">`

  <iframe class="sp-video" data-videojs-id="video3" src="https://player.vimeo.com/video/XXXXXXXXX?api=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

</div>

<div class="sp-slide">

 <iframe class="sp-video" data-videojs-id="video4" src="https://player.vimeo.com/video/XXXXXXXXX?api=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

</div>

</div>

<div class="sp-thumbnails"> <img class="sp-thumbnail" src="images/thumnail1.jpg"/> <img class="sp-thumbnail"src="images/thumnail2.jpg"/> <img class="sp-thumbnail" src="images/thumnail3.jpg"/> <img class="sp-thumbnail"src="images/thumnail4.jpg"/> `

</div> </div>

an1101 avatar Jan 31 '17 01:01 an1101