ساده‌ترین روش قراردادن ویدیو در وب‌سایت خودتان
آموزش, مقالات

ساده‌ترین روش قراردادن ویدیو در وب‌سایت خودتان

چگونه ویدیو در وب سایت خودتان قرار دهید؟

 

  • فایل ویدیو خود را با فرمت‌های MP4، WebM و ogg در فضای ذخیره سازی ابری پشتیبان و در پارتیشن حرفه‌ای پشتیبان خود آپلود کنید.
  • روی منوی مقابل فایل کلیک کنید و گزینه‌ی public را انتخاب کنید.
  • روی علامت لینک مقابل فایل کلیک کنید تا لینک مستقیم فایل در کلیپ بورد سیستم شما ذخیره شود.
  • با استفاده از تگ ویدیو </video ><video > کد html ویدیو خود را بسازید و در وب سایت خودتان قرار دهید. کد نهایی مانند نمونه زیر خواهد بود :


<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
 مرورگر شما امکان پخش این ویدیو را ندارد
</video>

نکته : به جای عبارت movie.mp4 یا movie.ogg لینک مستقیم ویدیوی خود را که در پشتیبان ایجاد کرده‌اید وارد نمایید.

هر مرورگر کدام پسوند ویدیویی را پخش می‌کند؟

 

در حال حاضر سه نوع فرمت ویدیویی توسط تگ ویدیو <video> پشتیبانی می‌شود. فرمت های MP4، WebM و ogg . به دلیل این که مرورگرهای مختلف ممکن است از برخی از این فرمت‌ها پشتیبانی نکنند، بهتر است ویدیوی خود را با هر سه نسخه در پشتیبان آپلود کنید و لینک مستقیم هر سه فرمت را در تگ ویدیو <video> قرار دهید.

 

مرورگرMP4WebMOgg
Internet Explorerبلهخیرخیر
Chromeبلهبلهبله
Firefoxبله (از نسخه 21)بلهبله
Safariبلهخیرخیر
Operaبله (از نسخه 25)بلهبله
Microsoft Edgeبلهبلهبله

 

 

مشخصات تصویر و صوت فرمت های ویدیویی برای قراردادن ویدیو در وب سایت

 

  • فرمت ویدیویی MP4 : شامل فایل ویدیوی MPEG4 ، کدک ویدیوی H264 و کدک صوتی AAC باشد.
  • فرمت ویدیوی WebM : شامل فایل ویدیوی WebM و کدک ویدیوی VP8 و کدک صوتی Vorbis  باشد.
  • فرمت ویدیوی ogg : شامل فایل ویدیوی ogg و کدک ویدیوی Theora  و کدک صوتی Vorbis  باشد.

 

 

نکته :  می‌توانید متن دلخواه خودتان را بین دو تگ باز و بسته ی ویدیو بنویسید. این متن یا پیام در صورت نمایش داده نشدن ویدیو برای مخاطب شما به جای ویدیو نمایش داده می شود. به همین دلیلی ما در کد مثالی که در ابتدای مطلب نوشتیم عبارت «مرورگر شما امکان پخش این ویدیو را ندارد» را در کد html  ویدیو قرار دادیم.

 

متغیرهای تگ ویدیو <video>

 

متغیر

Attribute

مقدار

Value

شرح
srcURLآدرس ویدیو را مشخص می کند که باید یک لینک مستقیم دانلود باشد.
heightpixelsارتفاع ویدیو را به پیکسل تعیین می‌کنید.
widthpixelsعرض ویدیو را به پیکسل تعیین می‌کنید.
 

 

 

controls

 

 

 

controls

برای نمایش کنترلرهای نمایش‌گر ویدیو از این متغیر استفاده کنید تا دکمه های پخش و توقف و قطع و وصل صدا و کنترل صدا و غیره در دسترس قرار بگیرد.
 

autoplay

 

autoplay

پخش بلادرنگ ویدیو را مشخص می‌کند و ویدیو خودکار در صفحه پخش می‌شود.
 

loop

 

loop

باعث می‌شود ویدیو پس از اتمام مجدد از ابتدا پخش شود.
 

muted

 

muted

ویدیو به صورت پیش فرض در حالت قطع صدا است.
 

preload

auto
metadata
none
با این متغیر مشخص می‌کنید  لود ویدیو هنگام لود شدن صفحه چگونه باشد.

 

 

همچنین تگ ویدیو <video>  از Global Attributes  و Event Attributes پشتیبانی می‌کند.

 

نکته : اگر از سیستم مدیریت محتوای وردپرس استفاده می‌کنید به راحتی با استفاده از افزونه وردپرس پشتیبان و اتصال پارتیشن حرفه‌ای پشتیبان به وب‌سایت وردپرسی تان، به راحتی از طریق دکمه افزون پرونده چند رسانه ای وردپرس، ویدیو خود را در بخش رسانه وردپرس بارگذاری می‌کنید و در نوشته، برگه یا صفحه محصولات خود قرارمی‌دهید.

همین حالا می‌توانید در پشتیبان ثبت نام کنید و یک پارتیشن حرفه ای بسازید و اولین ویدیوی خود را آپلود کرده و در وب‌سایت خودتان منتشر کنید. بر روی پارتیشن حرفه ای پشتیبان خود زیردامنه متعلق به خودتان را تنظیم کنید تا ویدیوی شما با ادرس متعلق به خودتان در وب‌سایت تان منتشر و در شبکه های اجتماعی و موتور های جستجو بازنشر شود.

 

محتوای ویدیویی شما حالا یک پشتیبان دارد.

 

دیدگاه خود را اینجا قرار دهید