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サイトに適しています。レスポンシブデザイン、ダークモードのサポート、インタラクティブ要素を備えています。
ビデオプレーヤーコンポーネント
ポートフォリオの展示用に設計されたネオモーフィックビデオプレーヤーコンポーネントで、ダークテーマとTailwind CSSを使用したレスポンシブデザインが特徴です。