Hover to see more options

Player 1

Click fullscreen for a better experience!
Hover to see more options

Player 2

Click fullscreen for a better experience!
Hover to see more options

Player 3

Click fullscreen for a better experience!
transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } /* Header section for each video player */ .video-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .video-title { font-size: 20px; color: #ff66b2; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #ff66b2; padding-bottom: 10px; margin: 0; } /* Fullscreen button styling */ .fullscreen-btn { background-color: #ff66b2; color: #fff; border: none; padding: 8px 12px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; margin-right: 5px; } .fullscreen-btn:hover { background-color: #ff3385; } /* Progress bar styling */ .progress-bar { background-color: #ff66b2; height: 5px; width: 100%; border-radius: 5px; margin-top: 10px; overflow: hidden; position: relative; } .progress { background-color: #ff3385; height: 100%; width: 0; transition: width 0.2s ease; } /* Iframe styling */ iframe { border-radius: 8px; width: 100%; height: 380px; transition: box-shadow 0.3s ease; } iframe:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Tooltip styling */ .tooltip { position: absolute; top: -30px; right: 10px; background-color: #ff66b2; color: white; padding: 5px; border-radius: 5px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; font-size: 12px; } .video-player:hover .tooltip { opacity: 1; visibility: visible; } /* Loading spinner */ .loading-spinner { border: 4px solid #f3f3f3; border-top: 4px solid #ff66b2; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Custom tooltip for fullscreen and volume control */ .custom-tooltip { position: absolute; bottom: 40px; right: 10px; background-color: #ff3385; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 12px; display: none; } .video-player:hover .custom-tooltip { display: block; }
Hover to see more options

Player 1

Click fullscreen for a better experience!
Hover to see more options

Player 2

Click fullscreen for a better experience!
Hover to see more options

Player 3

Click fullscreen for a better experience!

Aunt-Tea Podcast: Season 1 Episode 10

The Aunt-Tea Podcast is a lively talk show and podcast hosted by Tokyo Toni, Karlissa Saffold, and Tia Kemp. In each episode, they bring their big personalities and unique viewpoints to the forefront, covering a wide range of topics including celebrity gossip, relationships, news, politics, culture, finances, and more. Listeners can expect a mix of humor, wisdom, and practical advice, making it a favorite among audiences of all ages. The show premiered on July 7, 2024, and features guests like Zeus stars Natalie Nunn, some of the Baddies, and Joseline Hernandez. 🎙️📻

Check Also

Aunt-Tea Podcast

Aunt-Tea Podcast: Season 1 Episode 7

The Aunt-Tea Podcast is a lively talk show and podcast hosted by Tokyo Toni, Karlissa …