HTML Video
در HTML5، تگ <video> برای گنجاندن ویدیوها در صفحات وب معرفی شد. این تگ از فرمت‌های مختلف ویدیو مانند MP4، WebM و Ogg پشتیبانی می‌کند و روشی ساده و کاربرپسند برای نمایش محتوای ویدیویی است.
در اینجا یک مثال ساده از نحوه استفاده از تگ <video> آمده است:پ
<!DOCTYPE html>
<“html lang=”en>
<head>
<“meta charset=”UTF-8>
<“meta name=”viewport” content=”width=device-width, initial-scale=1.0>
<title>HTML5 Video Example</title>
<head/>
<body>
<h1>HTML5 Video Example</h1>
<video width=”640” height=”360” controls>
<“source src=”movie.mp4” type=”video/mp4>
<“source src=”movie.webm” type=”video/webm>
<“source src=”movie.ogv” type=”video/ogg>
.Your browser does not support the video tag
<video/>
<body/>
<html/>
توضیحات:
<video>: این تگ، محتوای ویدیویی را درون صفحه قرار می‌دهد.widthوheight: اندازه پخش‌کننده ویدیو را مشخص می‌کنند.controls: کنترل‌هایی برای پخش، توقف، تنظیم حجم و غیره اضافه می‌کند.
<source>: منابع ویدیویی مختلف با فرمت‌های گوناگون برای اطمینان از سازگاری با مرورگرهای مختلف را مشخص می‌کند.src: مسیر فایل ویدیو.type: نوع MIME ویدیو.
- محتوای پیش‌فرض: متن “مرورگر شما از تگ ویدیو پشتیبانی نمی‌کند.” زمانی نمایش داده می‌شود که مرورگر قادر به پخش ویدیو نباشد.
ویژگی‌های کلیدی:
autoplay: ویدیو به‌طور خودکار شروع به پخش می‌کند.loop: ویدیو پس از اتمام دوباره پخش می‌شود.muted: ویدیو به‌طور پیش‌فرض بی‌صدا است.poster: تصویری که قبل از شروع پخش ویدیو نمایش داده می‌شود.
برای مثال با autoplay و loop:
<video width=”640” height=”360“ autoplay loop muted>
<source src=”movie.mp4” type=”video/mp4“>
<video/>
اگر نیاز به اطلاعات بیشتر یا مثال‌های خاص‌تر دارید، خوشحال می‌شوم کمک کنم!
دیدگاهتان را بنویسید