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

How do I put video on my website
خرید فضای ابری سازمانی نکست کلود

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

  • فایل ویدیو خود را با فرمت‌های MP4، WebM و ogg در فضای ذخیره سازی ابری پشتیبان و در پارتیشن حرفه‌ای پشتیبان خود آپلود کنید.
  • روی منوی مقابل فایل کلیک کنید و گزینه‌ی public را انتخاب کنید.
  • روی علامت لینک مقابل فایل کلیک کنید تا لینک مستقیم فایل در کلیپ بورد سیستم شما ذخیره شود.
  • با استفاده از تگ ویدیو </video ><video > کد html ویدیو خود را بسازید و در وب سایت خودتان قرار دهید. کد نهایی مانند نمونه زیر خواهد بود :
&lt;video width="320" height="240" controls&gt;
  &lt;source src="movie.mp4" type="video/mp4"&gt;
  &lt;source src="movie.ogg" type="video/ogg"&gt;
  Your browser does not support the video tag.
&lt;/video&gt;

نکته : به جای عبارت 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عرض ویدیو را به پیکسل تعیین می‌کنید.
controlscontrolsبرای نمایش کنترلرهای نمایش‌گر ویدیو از این متغیر استفاده کنید تا دکمه های پخش و توقف و قطع و وصل صدا و کنترل صدا و غیره در دسترس قرار بگیرد.
autoplayautoplayپخش بلادرنگ ویدیو را مشخص می‌کند و ویدیو خودکار در صفحه پخش می‌شود.
looploopباعث می‌شود ویدیو پس از اتمام مجدد از ابتدا پخش شود.
mutedmutedویدیو به صورت پیش فرض در حالت قطع صدا است.
preloadauto
metadata
none
با این متغیر مشخص می‌کنید  لود ویدیو هنگام لود شدن صفحه چگونه باشد.

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

قراردادن ویدیو در وب‌سایت وردپرس با ویرایشگر کلاسیک

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

قراردادن ویدیو در وب‌سایت وردپرس با ویرایشگر گوتنبرگ

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

قراردادن ویدیو در وبسایت وردپرس با المنتور

ابزارهای المنتور هم به شما این امکان را میدهد که از لینک خارجی برای قراردادن ویدیو در صفحه یا برگه ای که با استفاده از المنتور ایجاد میکنید استفاده کنید. برای این کار پس از عمومی کردن فایلتان در پارتیشن حرفه‌ای و با کلیک روی علامت لینک مقابل فایل لینک مستقیم ویدیو در کلیپ بورد شما ذخیره میشود . سپس به ویرایشگر المتور بروید و ابزار ویدیو را انتخاب کنید. در ابزار ویدیو منبع ویدیو را روی گزینه “ازهاست خودتان” قرار دهید و گزینه لینک خارجی که در پایین گزینه منبع ظاهر میشود را فعال کنید و در پاین لینک ذخیره شده در کلیپ بوردتان را در فیلد لینک خارجی درج (paste) کنید.

گذاشتن ویدیو در المنتور

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

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