Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 12, 2014 at 12:13 am #290314
    Raleigh

    I am using full width easy slider to display a vimeo video that is working extremely well on a desktop or laptop browser.

    The problem is with Tablet and Mobile. I’ve set a fallback image but that results in a the video not being displayed for those users.

    It’d be best if I could set a fallback image that linked to the youtube or vimeo page to go watch the video so I could just have a ‘watch the video’ call to action on the fallback image.

    I was just curious if there is a way to do this or better recommendation based on how others have set it up.

    I am getting pushback from sales dept. saying certain users(I’m assuming tablet or iphone) are not seeing the video.

    Any insight on a better way to set that up would be appreciated.

    Thanks (link posted privately). Raleigh

    July 12, 2014 at 12:30 am #290321
    Josue

    Hey!

    Have you tried setting the link here?
    http://screencast.com/t/cq2C5xfs

    Best regards,
    Josue

    July 12, 2014 at 12:44 am #290330
    Raleigh

    Thanks for the quick reply Josue you guys rock.

    Yes I have tried that. That would work but the problem is that when I set it as you’ve mentioned then it links the video on desktop to the vimeo video opening in a lightbox. But if I leave it on no link then when you click the video when its playing on desktop is controls the play/pause which is how I want it on desktop.

    So that solution would work if it did not link the video on desktop but only linked the fallback image.

    Let me know if I can provide anything else. I’ll reply private in a sec with a 1 minute screencast video better illustrating the issue for you.

    Thanks – Raleigh

    July 12, 2014 at 2:05 am #290349
    Josue

    Hi Raleigh,

    Can you please create me an administrator account? post it here as a private reply.

    Regards,
    Josue

    July 14, 2014 at 5:47 pm #291187
    Raleigh
    This reply has been marked as private.
    July 14, 2014 at 7:12 pm #291216
    Josue

    Hey!

    Check it now:
    http://macroairfans.com/airvolutiond/

    I changed the link of the slide so if its gets clicked it no longer opens as lightbox (the control buttons still work).

    Cheers!
    Josue

    July 14, 2014 at 8:07 pm #291231
    Raleigh

    Hey thanks but it’s almost working. When I click the video when autoplaying on desktop the controls work yes but it pauses the video and still opens up the vimeo link in a new tab. It’s working perfectly on mobile though.

    I just need the desktop version not to link and only the fallback image to be linked.

    Thanks – Raleigh

    July 14, 2014 at 9:17 pm #291249
    Josue

    Found a better workaround:
    http://macroairfans.com/airvolutiond/

    I’ve put two sliders elements and this in Quick CSS:

    .custom_slider_mobile{ display: none; }
@media only screen and (max-width: 767px) {
.custom_slider_desktop{ display: none; }
.custom_slider_mobile{ display: block; }
}

    Cheers!
    Josue

    July 15, 2014 at 12:39 am #291324
    Raleigh

    Ah nice media queries work around was probably my next try if you guys couldn’t help. Thanks that will resolve my issue here!

    Thanks – Raleigh

    July 15, 2014 at 12:46 am #291328
    Josue

    You are welcome Raleigh, always glad to help :)

    Regards,
    Josue

    July 21, 2014 at 12:09 pm #293806
    le27

    Hello Josue,

    I am having the same issue and would like to know how did you change the link of the slide so that it doesn’t open in a lightbox anymore when you are on desktop version? You’ve seem to done that in private for pageladder.

    Thank you very much.

    July 21, 2014 at 9:10 pm #294032
    Josue

    Hi!

    You need to change the link to avoid the autolightbox script (it catches vimeo and youtube links), i used a shortener (http://bit.ly).

    Regards,
    Josue

    July 22, 2014 at 12:24 pm #294283
    le27

    Thank you very much for your response !

    Isn’t it possible to suppress the link for the desktop version ? and keep the link with the lightbox on the mobile version ?
    I suppose it’s the code you have written above :

    `.custom_slider_mobile{ display: none; }
    @media only screen and (max-width: 767px) {
    .custom_slider_desktop{ display: none; }
    .custom_slider_mobile{ display: block; }
    }`

    But how do I make it work ?

    Thanks again

    July 22, 2014 at 5:10 pm #294456
    Josue

    Hi!

    That code is meant to be used with two sliders with classes set respectively, you’d need to enable this first.

    Cheers!
    Josue

    July 23, 2014 at 12:43 pm #294922
    le27

    Thanks a lot, works pretty well !

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Video fall back on tablet and mobile with full width easy slider’ is closed to new replies.