Background videos to take advantage of inlne autoplay on mobile (iOS10.x+)

The playsinline attribute ill start to be more and more supported. It's great to have mp4 streaming on background instead of using gif.

From: https://webkit.org/blog/6784/new-video-policies-for-ios/

On iPhone, <video playsinline> elements will now be allowed to play inline, and will not automatically enter fullscreen mode when playback begins.
<video> elements without playsinline attributes will continue to require fullscreen mode for playback on iPhone.
When exiting fullscreen with a pinch gesture, <video> elements without playsinline will continue to play inline.

  • Vincent Bidaux
  • Jan 24 2017
  • Shipped
  • Oct 15, 2018

    Admin response

    This feature is now live! :) If you have any questions or comments about this, please contact our support team here: http://university.webflow.com/contact

    - Nelson, Customer Success Specialist

  • Editsoft Digital pvt. ltd. commented
    14 Jul, 2020 02:38am

    Thanks for your post it is very helpful for me and company.

  • Click Click commented
    25 Jul, 2019 11:24am

    Must be thanks for the nice post seen the cool maths games here it is the latest game junction to provide the batter enjoyments for you.

  • HYPE Studio commented
    9 Oct, 2018 12:14am

    I wonder why video background is still not available on iPhone by using Webflow’s element.

    It’s been available long ago by using “playsinline” attribute.
    https://webkit.org/blog/6784/new-video-policies-for-ios/

    I believe this option can be quickly available by simply allowing us to select as option.
    [ x ] add playsinline attribute
    [ x ] add muted attribute

    Thanks !

  • Denis B commented
    14 Feb, 2017 12:19pm

    A great example for this <video playsinline> can be found here: http://www.conserveca.org/ 

  • Joel Cornéer commented
    10 Feb, 2017 03:29pm

    Is there a solution for android too?

  • +12