how to make responsive background is video

Hi there,

I installed the rain theme in my site. Everything is perfect, except when I visit with iphone, there is only an image instead of a video.

if there is any way to make the website with a video background when visiting with iphone or other mobile phone.

thanks a lot

video tag has source tags inside of it. You can have multiple souce tags each pointing to video in different format. Browser will pick first that it can play. So ensure you have video in format playable by IOS browser and make sure you place source tag pointing to it.

Hi

I have put a .mov(I think mov is playable by IOS) between source tag, it still not working. could you help to check the code below:

<div id="videobg"> </div><p><video id="bgvid" poster="images/video.jpg" preload="auto" autoplay="autoplay" loop="loop" controls="controls">
<source type="video/mp4" src="images/video.mp4"></source>
<source type="video/mov" src="images/video.mov"></source>
<source type="video/ogg" src="images/video.ogg"></source>
<source type="video/webm" src="images/video.webm"></source>
</video></p>

Can your device play that file when you browse it directly?

yes,mov and mp4 both could be played on my iphone~ but a little bit slow

Try to remove webm to see that happens