ویژگی width <video> در HTML
تعریف و استفاده
width ویژگی width مشخص می‌کند که ویدیوپلیر به چه اندازه‌ای باید عرض داشته باشد، به پیکسل.
توضیح:لطفاً همیشه اندازه ویدیو را به صورت همزمان مشخص کنید height و width ویژگی‌ها استفاده نکنید. اگر این ویژگی‌ها تنظیم شوند، فضای مورد نیاز ویدیو در هنگام بارگذاری صفحه حفظ خواهد شد. اما اگر این ویژگی‌ها وجود نداشته باشند، مرورگر نمی‌داند اندازه ویدیو و نمی‌تواند فضای مناسب برای آن رزرو کند. این باعث می‌شود که طرح صفحه در طول بارگذاری تغییر کند (هنگام بارگذاری ویدیو).
توجه:لطفاً از height و width تعداد تنظیم مجدد اندازه ویدیو! استفاده از این ویژگی‌ها برای کوچک کردن ویدیوهای بزرگ باعث می‌شود که کاربر ویدیوی اصلی را دانلود کند (حتی اگر در صفحه کوچک به نظر برسد). روش صحیح این است که ویدیو را قبل از استفاده در وب‌سایت با یک برنامه بازسازی کنید.
مثال
پخش‌کننده ویدئویی با اندازه مشخص شده برای عرض و ارتفاع تنظیم شده است:
<video width="640" height="360" controls> <source src="shanghai.mp4" type="video/mp4"> <source src="shanghai.ogg" type="video/ogg"> مرورگر شما برچسب ویدئو را پشتیبانی نمی‌کند. </video>
قوانین
<video width="pixels">
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| pixels | عرض ویدئو به واحد پیکسل (مثلاً width="100"). |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
