کتابخانه
@videojs/cdn نسخه آماده مرورگر Video.js هست. فایل ها رو با تگ script توی صفحه می ذاری و بدون npm، باندلر و مرحله بیلد یه پخش کننده ویدیوی کامل می گیری. برای سایت های وردپرسی، صفحه های HTML ساده و پروژه هایی که ابزار ساخت نمی خوان، انتخاب راحتیه.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز Apache-2.0؛ هش هر فایل با منبع بررسی شده است.
۱۲٫۱ مگابایت· ۷۶۸ فایل· انتشار
SHA-256: 8d5b907fd75510491a78152d3b2cc4dc2ea842f4db09c3dfd904f5ce5580a05e
Video.js یکی از شناخته شده ترین پخش کننده های ویدیوی متن باز برای وبه. معمولا باید بسته رو با npm نصب کنی و یه باندلر مثل Vite یا Webpack هم وسطش بذاری. @videojs/cdn همین کتابخانه رو به شکل باندل های آماده برای مرورگر بسته بندی کرده. فایل ها رو با تگ script توی صفحه صدا می زنی و تموم. نه Node می خواد، نه پوشه node_modules، نه دستور build.
این بسته به درد کسی می خوره که سریع یه پخش کننده یکدست و قابل کنترل می خواد. مثلا یه سایت وردپرسی با قالب سفارشی، یه لندینگ، یه صفحه HTML استاتیک یا یه پنل داخلی که ویدیوی آموزشی توش پخش می شه. تگ ساده video رو هر مرورگر یه شکل نشون می ده، ولی اینجا ظاهر و رفتار پخش کننده توی همه مرورگرها تقریبا یکسانه و خودت کنترلش می کنی.
همه جا هم انتخاب خوبی نیست. اگه پروژه ات با React یا Vue و یه باندلر ساخته شده، بسته اصلی Video.js رو با npm نصب کن و فقط بخش های لازم رو import کن تا حجم نهایی کمتر بشه. اگه فقط یه فایل mp4 ساده داری و نیاز خاصی نداری، تگ video خود مرورگر هم شاید کافی باشه. یه نکته دیگه: ممکنه کد و افزونه هایی که برای نسخه های قدیمی تر Video.js نوشته شدن با این بسته سازگار نباشن. قبل از جایگزین کردن روی سایت اصلی، حتما روی یه نسخه آزمایشی تستش کن.
اسمش «cdn» داره، ولی برای سایت ایرانی لود از یه CDN خارجی همیشه ایده خوبی نیست. توی روزهای محدودیت اینترنت بین الملل ممکنه فایل ها دیر بیان یا اصلا بالا نیان و پخش کننده خالی بمونه. امن تر اینه که فایل های باندل رو روی هاست یا دامنه خودت بذاری. ویدیوهای سنگین هم پهنای باند هاست رو سریع مصرف می کنن، پس از اول به فکر کش و حجم فایل ها باش.
مجوز Video.js از نوع Apache هست و استفاده تجاری و تغییر رو اجازه می ده، به شرط اینکه اطلاعیه مجوز رو حفظ کنی. متن مجوز همراه فایل ها رو هم یه بار چک کن. نسخه های رسمی و بدون تغییر @videojs/cdn توی مخزن داخلی ما هم هست و بدون وابستگی به اینترنت بین الملل می تونی ازش استفاده کنی.
این بسته ابزار ساخت نمی خواد و راه انداختنش چند قدم بیشتر نیست:
توی وردپرس می تونی اسکریپت رو با wp_enqueue_script توی functions.php قالب یا قالب فرزند اضافه کنی. اگه فقط یه صفحه بهش نیاز داره، فقط همون صفحه رو بارگذاری کن. موقع به روزرسانی هم اول روی نسخه آزمایشی تست کن و بعد فایل های سایت اصلی رو عوض کن.
@videojs/cdn همون Video.js هست که به شکل باندل های آماده برای مرورگر بسته بندی شده. با تگ script توی صفحه لود می شه و build نمی خواد. بسته اصلی بیشتر به درد پروژه هایی می خوره که باندلر دارن و می خوان فقط بخش های لازم رو import کنن.
نه. فایده این بسته همینه که بدون npm و بدون مرحله بیلد کار کنی. فایل ها رو روی هاستت می ذاری و با تگ script توی صفحه صدا می زنی. npm بیشتر برای مدیریت وابستگی ها و گرفتن بسته به کار می ره، نه برای اجرا توی مرورگر.
آره، و برای سایت های ایرانی همین رو پیشنهاد می کنیم. وقتی فایل ها روی هاست یا دامنه خودته، قطعی یا کندی اینترنت بین الملل پخش کننده رو از کار نمی ندازه. فقط آدرس تگ script رو به مسیر داخلی بده و هدرهای کش رو درست تنظیم کن.
فایل ها رو توی پوشه قالب یا یه مسیر جدا آپلود کن و با wp_enqueue_script توی functions.php قالب اضافه شون کن. اگه فقط یه صفحه بهش نیاز داره، شرط بذار که فقط همون جا لود بشه. بعدش ویدیو رو مثل کد نمونه توی محتوا بذار.
Video.js مجوز Apache داره که استفاده تجاری، تغییر و توزیع رو اجازه می ده. فقط باید اطلاعیه مجوز رو نگه داری و اگه تغییری دادی، اون رو مشخص کنی. برای پروژه های حساس، متن مجوزی که همراه فایل هاست رو یه بار کامل بخون.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.