vikrantnegi

jQuery(window).resize(function(){
  resizeNav();
});

resizeNav();

function resizeNav(){
var windowWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
  
  if(windowWidth < 767) {

vikrantnegi

<a href="#url1">When the crisis was over,
  <object><a href="#url2>Hello world</a></object>
</a>


ref: https://speakerdeck.com/smashingmag/dirty-tricks-from-the-dark-corners-of-front-end

vikrantnegi

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
}

.video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;

vikrantnegi

div[class*="layer-"] {
position: absolute;
top: -10px; left: -10px;
right: -10px; bottom: -10px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 0 0;
transition:0.1s;
}

vikrantnegi

<div class="container">
<video poster="poster.png" autoplay="true" loop>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
</video>
<div class="overlay">lorem </div>
</div>