Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 23, 2015 at 1:23 pm #416362
    paullindqvist

    Hi! What is the best way to incorporate video content so that it will show on mobile devices ?

    Also is there a way to have a fall back slideshow instead of a single image ?

    Thanx!

    March 24, 2015 at 6:26 am #416914
    Rikard

    Hi Paul!

    1. Videos will be available on mobile devices by default, or maybe I’m missing your point?

    2. Sorry, I might be missing your point here too, do you want a slideshow fallback for a single image or the other way around?

    Please provide us with a link to the site in question if you are having any problems.

    Regards,
    Rikard

    March 24, 2015 at 9:24 pm #417404
    paullindqvist

    Hi Rikard!

    I often use a easy slider to easily get the size i want of the video content, but maybe i’m going about this all wrong ?

    See example here

    http://martentrotzig.se

    When i implement videos with the use of easy slider it doesn’t work on mobile units and requires a fall back image. (i was wondering instead of using a single fallback image it would be practical to have a slideshow of images instead)

    But as i said maybe I’m doing this all wrong, i often want to incorporate videos hosted on Vimeo, but i want to control the size of the video.

    Which is the best way to embed vimeo files ?

    Thanx

    March 25, 2015 at 5:06 pm #417920
    Ismael

    Hey!

    You can add the video code from vimeo manually, use a code or text block, or use the Video element. 

    <iframe src="https://player.vimeo.com/video/122959827?color=ffffff&title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/122959827">THE REINVENTION OF NORMAL</a> from <a href="https://vimeo.com/user6280000">Liam Saint-Pierre</a> on <a href="https://vimeo.com">Vimeo</a>

    If you want it to be a video slider, try the Content Slider.

    Cheers!
    Ismael

    March 27, 2015 at 11:12 pm #419665
    paullindqvist

    Thanx! Will try that!

    March 30, 2015 at 4:36 am #420165
    Rikard

    Hi!

    Please keep us posted on how you do with this, please get back to us if you should have any problems.

    Best regards,
    Rikard

    March 31, 2015 at 3:17 pm #421194
    paullindqvist

    Thanx! I used the video module and it works well for when i only have a single video.

    It’s where i want to mix stills and video in a slideshow mobil playback isn’t supported ?

    April 1, 2015 at 12:43 pm #421846
    Ismael

    Hi!

    If you want to show a slideshow on mobile device instead of the fallback images, you can use media queries to show or hide different elements on different screen sizes. Refer to these links for more info:

    http://stackoverflow.com/questions/11796297/div-show-hide-media-query

    https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263

    https://kriesi.at/support/topic/is-there-an-option-to-create-a-separate-page-design-specific-to-mobile-devices/

    https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/

    https://kriesi.at/support/topic/replace-slider-on-mobile/

    Regards,
    Ismael

    April 14, 2015 at 9:26 pm #428479
    lanelee

    I am trying to display a big full width video at the top of my website 100% no padding. I have tried embeds, full width color box, etc. and there is always padding unless I use the full width slider.. If I use the slide it works great filling out the entire section but, then it won’t play on mobile – I need it to play on mobile.. Any idea how to get rid of extra padding and display Vimeo video like this?

    Thanks
    Lane

    • This reply was modified 9 years, 7 months ago by lanelee.
    April 15, 2015 at 12:47 am #428565
    Yigit

    Hi Lane

    You can place your video element inside a color section element with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-custom-id .container { max-width: 100%!important; padding: 0; margin: 0; }

    Cheers!
    Yigit

    April 15, 2015 at 5:11 pm #429067
    lanelee

    Yigit,
    Thanks Much for the help.. It almost works.. I now just have a 20px padding at the bottom but the rest is full width and filled. I have all the padding and margins set at 0px.. I even tried doing the -20px on margin and padding but it still shows 20px padding under the video. Any idea?
    Thanks!!

    April 15, 2015 at 5:15 pm #429071
    Yigit

    Hi!


    @lanelee     Can you please post the link to your page where we can see the issue?

    Best regards,
    Yigit

    October 31, 2015 at 6:14 pm #527941
    tzanten

    I also have the same observation as Lanelee, a magic padding below the video. Has this been solved?

    Just wondering, why these types of hacks with the color section are needed at the first place? Why the video element is so very limited in options? It is an important of a website, and there are actually no options at all to set. No layout features and no play-control options for example, like auto play or hide controls, etc

    November 2, 2015 at 11:48 pm #528891
    Andy

    @tzanten
    you can use layout elements and put your video element inside of it.

    I think there are lots of plugins out there specialized on advanced video options.

    Regards,
    Andy

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.