Streaming live at 10am (PST)

Force BG video to adapt to 100% container width


#1

BG video is cropping. I must force it to adapt to width=100% wrap width and hight=56.25VW wrap height. It must be able to play 16:9 on all devices.

Video works on moble, I just need to to zop doing ZOOM on moble.

!-- START: Mobile Autoplay Video -->**
script>
var mobilevideo = document.getElementsByTagName(“video”)[0];
mobilevideo.setAttribute(“playsinline”, “”);
mobilevideo.setAttribute(“muted”, “true”);
/script>
!-- END: Mobile Autoplay Video -->**
/code>
why wont script code display in here??? How do I show display code?


#2

You must add URL + more detials

In general:

No way to set dimensions for the height and keep thewidth 100% without cropping :slight_smile: This is not issue of videos (Try it yourself by photoshop with image).

/* adapt 100% container width without cropping */
width: 100%;
height: auto

Example:

Disable zoom like this:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />