My video does not run in the css background on tablets or ipads. PC only

1

Hello everyone, I have a video that normally runs in css background on the PC. But when I access the site by tablets or ipads it does not run.

See the code:

<video autoplay loop poster="torre.jpg" class="bg_video">
            <source src="bg.webm" type="video/webm">
            <source src="bg.mp4" type="video/mp4">
</video>

CSS:

.bg_video{
            position: fixed; 
            right: 0; 
            bottom: 0;
            min-width: 100%; 
            min-height: 100%;
            width: auto; 
            height: auto; 
            z-index: -1000;
            background: url(torre.jpg) no-repeat;
            background-size: cover; 
        }

I have already put it in the format as requested by MP4 and WEBM, but nothing solves.

    
asked by anonymous 21.01.2016 / 15:06

1 answer

1

In a similar situation, I was able to make the video appear on both iOS mobile devices and dual-action desktops:

1 - Privileging the .mp4 version (putting it first)

<video autoplay loop poster="torre.jpg" class="bg_video">
    <source src="bg.mp4" type="video/mp4">
    <source src="bg.webm" type="video/webm">
</video>

2 - Making the videos rendered with the Field Order: None (progressive) parameter. You will need to re-encode the videos if the Field Order is different.

Codec support is not yet standardized on all browsers.

    
21.01.2016 / 15:41