slider-pro
slider-pro copied to clipboard
reachVideoAction option
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
Hi. You must give each video a unique ID attribute.
Cheers
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>
<div
class="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>
<div
class="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>