.js-video{position:relative;z-index:1;overflow:hidden;width:100%;margin:20px 0;cursor:pointer;border-radius:4px;background:#eee;background-position:50%;background-size:cover;aspect-ratio:16/9}.js-video:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;border:1px solid #fff;border-radius:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 21 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M18.504 9.134a1 1 0 0 1 0 1.732l-12 6.928a1 1 0 0 1-1.5-.866V3.072a1 1 0 0 1 1.5-.866l12 6.928z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:21px 20px}.js-video.is-init:before{display:none}.js-video iframe{width:100%;height:100%}