HTMLコード
<div class="aspect-w-16 aspect-h-9 bg-gray-900 dark:bg-gray-800 rounded-lg overflow-hidden">
<video controls class="w-full h-full object-cover">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>関連コンポーネント
ビデオプレーヤーコンポーネント
曇りガラスのような半透明の要素、パステルカラーの配色、ビジネス/企業のWebサイトに適した複雑なインターフェイスを備えたGlassmorphismスタイルのビデオプレーヤー。レスポンシブデザインと、JavaScriptなしでTailwind CSSを使用したダークテーマをサポートしています。
ビデオプレーヤーコンポーネント
glassmorphismでデザインされたビデオプレーヤーコンポーネントで、補色を持つすりガラスのような効果が特徴です。インタラクティブでレスポンシブで、ダークテーマをサポートするブログコンテンツの消費に適しています。