lite-youtube {background-color: # 000; position: relative; display: block; contains: content; background-position: center center; background-size: cover; cursor: pointer ; max-width: 720px} lite-youtube:: before {content:”; display: block; position: precision; top: 0; background-image: url (data: image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT + OqFAAAAdklEQVQoz42QQQ7AIAgEF/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all.2s cubic-bezier( 0,0,.2,1)} lite-youtube:: after {content:””; display: block; padding-bottom: calc (100%/(16/9))} lite-youtube> iframe {width: Read more…