Media Embed Component - Minimalist Earth Tones
A minimalist media embed component for dashboards, with responsive design and dark theme support, using earth tones. It displays a video player, title, description, and channel information.
HTML Code
<div class="p-4 bg-white dark:bg-gray-800 rounded-lg shadow-md">
<div class="aspect-w-16 aspect-h-9 mb-4">
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="rounded-lg"></iframe>
</div>
<h3 class="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-2">Engaging Data Visualization Techniques</h3>
<p class="text-gray-600 dark:text-gray-400 text-sm mb-4">Explore innovative ways to present complex data for better insights and decision-making.</p>
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Channel Avatar" class="w-8 h-8 rounded-full mr-3 border-2 border-green-500">
<span class="text-gray-700 dark:text-gray-300 text-sm">Data Insights Pro</span>
</div>
</div>Related Components
Media Embed Component 14
A Media Embed Component designed in a skeuomorphic style, featuring responsive effects and dark theme support. It includes an image, description, and user avatar.
Media Embed Component
Media Embed Component with Microinteractions, responsive effects, and dark theme support. No Javascript needed.
Media Embed Component
A responsive Media Embed component styled in a Skeuomorphic manner, using Earth tone colors and suitable for e-commerce, with dark theme support.