Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 12, 2014 at 7:12 pm #290586
    Courtney

    Hi there, I’d like to remove the preview photo on mobile for the easy slider videos. It looks great on laptop, but the extra photo on mobile looks bad. How can I remove the “mandatory photo”

    Please help.

    July 13, 2014 at 2:57 am #290674
    Ismael

    Hi courtney_martin!

    Thank you for using the theme.

    Please add this on Quick CSS or custom.css to remove the slider on mobile device:

    @media only screen and (max-width: 767px) {
.page-id-2 div#full_slider_1 {
display: none !important;
}
}

    Note that videos on the sliders won’t play on mobile device so you have to add a fallback image.

    Regards,
    Ismael

    July 13, 2014 at 3:06 am #290677
    Courtney

    Hi Ismael :)

    Thank you for your reply. I added that to my Quick CSS but that also removes the video on mobile. I want to keep the video on mobile but I’d like to remove the preview photo that shows underneath the video on mobile.

    Hope you can help

    July 13, 2014 at 3:07 am #290680
    Courtney

    My video plays on mobile (it’s a vimeo video that works on mobile)

    July 17, 2014 at 6:14 pm #292595
    Devin

    Hey!

    Is it that first top video? I’m not seeing the preview image when loading up the page as is. What device(s) is it still happening for you on?

    Regards,
    Devin

    July 19, 2014 at 10:25 pm #293468
    Courtney

    Hi :)

    Yes, unfortunately there is a preview image that shows up underneath the first video on ipad and iphone.

    I’d like to remove the preview image completely on all devices, it doesn’t look good.

    Also, I want the video to be fullscreen width (just like it is on desktop) for all devices. Right now the video has a left alignment (should be fullscreen width)

    • This reply was modified 10 years, 5 months ago by Courtney.
    July 20, 2014 at 5:25 am #293511
    Ismael

    Hey!

    Like I said, videos should not play on mobile device. Kriesi disabled it. That’s why you are required to add a fallback image. Removing the fallback image will only leave you a blank space when viewing on mobile. You have to remove the entire section. Did you edit anything the theme files?

    Try to edit the slide then remove the fallback image. Please download the latest version from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Ismael

    July 20, 2014 at 8:50 am #293557
    Courtney

    Hi :)

    The video does play, which is good, I did not edit anything in the theme files at all. I just added my vimeo link to the fullwidth slider and the video is showing up on mobile and ipad.

    I updated the theme for Enfold to the latest version, I’m still having the same problem, I tried removing the image preview that shows up underneath the video, and like you said, when i look on mobile/ipad there’s a blank space with text telling me that I have to upload a preview image. My client doesn’t want a preview image, they just want the video.

    I understand that Kriesi set it so there is a preview photo for mobile and ipad, but Is there a way to remove the preview photo all together? Because my video is showing, I’d also like the video to show 100% fullwidth on devices just like it does on desktop.

    *As of right now the video preview is left aligned and not fullwidth on ipad.

    **This is the embed code that i’m using, I just placed it in the full width slider: <iframe src=”//player.vimeo.com/video/100462310?title=0&byline=0&portrait=0″ width=”500″ height=”281″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

    I noticed the width is at “500” and height is at “281”…should that be removed so it will show full screen on ipad? The alignment is very off on ipad.

    • This reply was modified 10 years, 5 months ago by Courtney.
    July 20, 2014 at 9:04 am #293560
    Courtney

    If there’s absolutely no way to remove the image preview for mobile and ipad… then how do i set video for just desktop so I don’t have a video AND the image preview on mobile/ipad… it looks messy.

    July 20, 2014 at 5:57 pm #293629
    Courtney

    This is the embed code that i’m using, I just placed it in the full width slider: <iframe src=”//player.vimeo.com/video/100462310?title=0&byline=0&portrait=0″ width=”500″ height=”281″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

    I noticed the width and height…should that be removed so it will show full screen on ipad? The alignment is very off on ipad.

    July 21, 2014 at 3:01 am #293690
    Ismael

    Hey!

    Thank you for using the theme.

    If you want to use the fallback image on the fullwidth easy slider, you need to use the video slide. Remove the iframe code that you added then use this URL for your video http://vimeo.com/100462310. Add a fallback image. The video will play on desktop view then show the fallback image on mobile devices.

    Best regards,
    Ismael

    July 21, 2014 at 3:13 am #293695
    Courtney

    PERFECT!!!!!! It worked :)))) Thank you so much!!!!

    I am using this theme for 2 sites now and absolutely love it. Thank you for being patient :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Remove image preview for video on mobile’ is closed to new replies.