lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube::before{content:”;display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) ؛پس منظر کی پوزیشن: اوپر؛ بیک گراؤنڈ-دوہرائیں: تکرار-x؛ اونچائی: 60px؛ پیڈنگ-نیچے: 50px؛ چوڑائی: 100%؛ منتقلی: تمام.2s کیوبک بیزیئر(0,0,.2,1)}لائٹ-youtube::after{content:””;display:block;padding-bottom: calc(100%/(16/9))}lite-youtube>iframe{width:100%;height:100%;position: absolute ;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%, 0)؛ اوپر: 50%؛ بائیں: 50%؛ زیڈ انڈیکس: 1؛ پس منظر کا رنگ: شفاف؛ پیچھے زمینی تصویر: url(data:image/svg+xml;utf8,);filter:grayscale(100%);transition:filter.1s cubic-bezier(0,0,.2,1);border:none}lite-youtube:hover>.lty-playbtn,lite-youtube.lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%); height:1px ;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
Categories: IT InfoUncategorized