.clip7_Pacific_NW{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .clip7_Pacific_NW { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-aspect-ratio: 16/9) { .clip7_Pacific_NW{ width: 100%; height: auto; } } @media (max-aspect-ratio: 16/9) { .clip7_Pacific_NW { width: auto; height: 100%; } } @media (max-width: 767px) { .clip7_Pacific_NW { background: url('clip7.jpg') center center / cover no-repeat; } .clip7_Pacific_NW { display: none; } } .clip7_Pacific_NW { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .clip7_Pacific_NW { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-aspect-ratio: 16/9) { .clip7_Pacific_NW { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .clip7_Pacific_NW { width: 300%; left: -100%; } } @media (max-width: 767px) { .clip7_Pacific_NW { background: url('clip7.jpg') center center / cover no-repeat; } .clip7_Pacific_NW { display: none; } (function() { /** * Video element * @type {HTMLElement} */ var video = document.getElementById("my-video"); /** * Check if video can play, and play it */ video.addEventListener( "canplay", function() { video.play(); }); })();