3-latest-65px

/* Standard container */ .youtube-player { position: relative; height: 0; overflow: hidden; background: #000; cursor: pointer; margin: 10px auto; } /* Horizontal videos (Default) */ .youtube-player { padding-bottom: 56.25%; max-width: 100%; } /* Vertical Shorts styling */ .youtube-player.vertical-short { padding-bottom: 177.77%; /* 9:16 Ratio for Shorts */ max-width: 400px; /* Limits width so it doesn't look huge on desktop */ } .youtube-player img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } /* Play Button */ .youtube-player .play { width: 68px; height: 48px; background-color: rgba(255, 0, 0, 0.9); z-index: 1; border-radius: 12%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .youtube-player .play:before { content: ""; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

{getWidget} $results={4} $label={recent} $type={list2}

Responsive Advertisement

{getWidget} $results={3} $label={recent} $type={list2}

Responsive Advertisement

Responsive Advertisement

{getWidget} $results={3} $label={recent} $type={list1}

Responsive Advertisement

{getWidget} $results={4} $label={recent} $type={list2}

{getWidget} $results={3} $label={recent} $type={list2}

{getWidget} $results={3} $label={recent} $type={list1}

{getWidget} $results={3} $label={comments} $type={list1}

Responsive Advertisement

Responsive Advertisement

{getWidget} $results={3} $label={comments} $type={list1}