How to make a video background for iOS?

Question

css

Hello.
I'm using dfcb.github.io/BigVideo.js
iOS devices have a limitation on video autoplay. How can you get around?
Most likely, I will add a button to start the video. But it just became interesting how this can be done :)
The option with gif and image substitution by frames is not considered due to the length of the video.

Answer 1

.woocommerce {
    padding: 25px;
    width: 30%;
    float: left;
}
.woocommerce:last-child:after{
   content: '';
display:table;
clear:both;
}
.woocommerce+br{
display: none /*это только для пробы но должно работать*/
}

Answer 2

Omg. You have <br><br>between the blocks, i.e. line breaks. Remove. And add blocks display: inline-block. With indents, then at least you will figure it out yourself?

Answer 3

I did not work with video, but I had to do the same with audio. I started to play after the touch on the screen and brought down the handler. This method may not suit you, but you can play with others. All sorts of delays and event ticks in JQ. It works with audio. The main thing is that the launch context should not be loading.
PS: Sorry for the uninformative answer.
PS: I googled for you and found here dudes come up with ( justinwhall.com/html5-video-playing-ios-devices/).

Answer 4

I tried to do the same on iOS as a video background, but as it turned out, in this platform, the video starts only with the permission of the user, that is, whatever one may say, the user must click on the start of the video, and then the video player will open and the video itself will be, well, since on the site, so that the video does not work in the background, it is possible that this was corrected in the new OS, but it is unlikely. On the development page it was written that this was done for security purposes. If you are making an HTML5 application, then there should be no such problems.