ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• October 13, 2016 at 5:48 pm #296310
  jaynkie

  Member

  Post count: 90

  Hey guys!

  I’ve finally (after months) figured out how to get vimeo videos for portfolio to auto play and loop with zero UI and it’s great.

  Problem is in mobile – it’s just static and you can’t play. I understand vimeo can’t autoplay on mobile (? this true?)

  So my question is:

  How do I change the embed code for all vimeo embeds to be one thing for desktop, and another for mobile?

  ie:

  Desktop:
  <iframe src=”https://player.vimeo.com/video/xxxxxxxxx?autoplay=1&quality=1080p&background=1&loop=1&color=ffffff&title=0&byline=0&portrait=0&amp&#8221; width=”940″ height=”627″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

  Mobile:
  <iframe src=”https://player.vimeo.com/video/xxxxxxxxx?loop=1&color=ffffff&title=0&byline=0&portrait=0&amp&#8221; width=”940″ height=”627″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

  Only change is taking out autoplay and background tags.

  Thanks!

  October 14, 2016 at 11:45 am #296470
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Yes, videos don’t autoplay in mobile devices browser for security reasons.

  You need to do specific content for desktop/tablet and other content only for mobile.

  If you place your videos inside a row asset, you can change the row visibility to be visible only in desktop/tablet.
  Then you duplicate that row, change the video urls and change the row visibility to be visible only in mobiles.
  https://www.dropbox.com/s/mmymulahxiww6fx/Screenshot%202016-10-14%2011.41.14.png?dl=0

  Hope it helps.

  -Rui

  October 14, 2016 at 3:50 pm #296549
  jaynkie

  Member

  Post count: 90

  That is a crazy idea Rui! Never would have thought of that! I’ll try it out! Thanks so much!

  October 14, 2016 at 3:57 pm #296553
  David Martin – Support

  Moderator

  Post count: 20834

  Thanks Rui.

  – David.

  October 14, 2016 at 5:58 pm #296617
  jaynkie

  Member

  Post count: 90

  Thanks David and Rui –

  Is there ALSO a way to do this on my older site which is the Ability theme? I don’t think it has the rows etc. I’m trying to do this on both sites at the moment.

  October 17, 2016 at 3:10 pm #296930
  David Martin – Support

  Moderator

  Post count: 20834

  Unfortunalty not no, you would need to use custom CSS and media queries to hide certain elements.

  THanks,
  David.

  October 17, 2016 at 5:19 pm #296987
  jaynkie

  Member

  Post count: 90

  Thanks David – guess that just pushes me to finally update to the new one!

  October 17, 2016 at 6:14 pm #296998
  David Martin – Support

  Moderator

  Post count: 20834

  Atelier/Uplift and Nota are progressively more powerful with each theme release. Makes stuff like this very easy for you.

  Thanks,
  David.

• Back to forum

  Posted in: Uplift