کتابخانه
videojs-landscape-fullscreen یه پلاگین برای پلیر Video.js هست که تمام صفحه شدن ویدیو رو روی موبایل بهتر می کنه. با زدن دکمه تمام صفحه، صفحه رو افقی می کنه و با چرخوندن گوشی به حالت افقی، خودش پلیر رو تمام صفحه می کنه. توی سایت های وردپرسی و پروژه های ریکتی هم قابل استفاده هست.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۸ کیلوبایت · ۴ فایل · انتشار
دانلود هفتگی جهانی
۱۵٫۳ هزار
هفته ۲۵ مهر تا ۱ آبان۱۹٫۵٪ کمتر از هفته قبل
منبع: npmبه‌روزرسانی آمار
SHA-256: 318c295e129fac4cfd75793a64dd904b72253960132ba65b12c2256405288448
فرض کن یه سایت آموزشی داری و کاربر روی گوشی ویدیوی درس رو باز کرده. دکمه تمام صفحه رو می زنه، ولی صفحه همچنان عمودی می مونه و ویدیو یه نوار کوچیک وسط صفحه می شه. باید خودش گوشی رو بچرخونه. بعدش اگه دوباره گوشی رو عمودی کنه، ویدیو تمام صفحه می مونه و باید دستی ازش خارج بشه. videojs-landscape-fullscreen این دردسر رو برطرف می کنه.
کار این پلاگین دو طرفه هست. وقتی پلیر وارد تمام صفحه می شه، سعی می کنه صفحه رو روی حالت افقی قفل کنه. برعکسش هم هست: وقتی گوشی رو افقی می چرخونی، پلیر خودش تمام صفحه می شه. توضیح رسمی پروژه هم همین رو می گه و اشاره می کنه که برای موبایل و پروژه های React طراحی شده.
این پلاگین به درد کسایی می خوره که از پلیر Video.js استفاده می کنن: سایت های دوره آموزشی، فروشگاه هایی که ویدیوی معرفی محصول دارن، پرتال های خبری و ویدیویی، یا اپ های ریکتی که پلیر خودشون رو ساختن. بخش بزرگی از بازدیدها معمولا از موبایله، پس یه تجربه تمام صفحه روان فرق محسوسی ایجاد می کنه. ولی اگه ویدیوهات رو با iframe از یه سرویس بیرونی نشون می دی، کنترل پلیر دست تو نیست و این پلاگین کاری برات نمی کنه. اگه هم اصلا Video.js روی سایتت نیست، برای این یکی لازم نیست سراغش بری.
یه نکته رو جدی بگیر: قفل کردن چرخش صفحه به امکانات مرورگر و سیستم عامل بستگی داره و همه جا یکسان کار نمی کنه، مخصوصا روی آیفون و بعضی مرورگرهای قدیمی. پس قبل از انتشار، روی چند گوشی واقعی با مرورگرهای مختلف تستش کن، نه فقط روی شبیه ساز مرورگر دسکتاپ. سازگاری با نسخه Video.js سایتت رو هم چک کن و برای جزئیات تنظیمات سراغ مستندات پروژه برو.
طبق اطلاعات پروژه، مجوزش MIT هست و معمولا استفاده تجاری رو هم اجازه می ده، ولی متن مجوز همراه بسته رو یه بار بخون. نسخه رسمی و بدون تغییرش رو توی مخزن داخلی ما هم نگه داشتیم. پس وقتی دسترسی به npm یا سرویس های خارجی کند یا قطعه، می تونی همین جا دانلودش کنی و کارت نخوابه.
اول مطمئن شو Video.js توی صفحه لود شده. این پلاگین بدون پلیر Video.js کاری نمی کنه.
بعد از نصب، حتما روی گوشی تست کن. دکمه تمام صفحه رو بزن و ببین ویدیو افقی می شه یا نه. بعدش از حالت تمام صفحه بیا بیرون، گوشی رو بچرخون و ببین پلیر خودش وارد تمام صفحه می شه یا نه. اگه کش مرورگر یا افزونه کش وردپرس فعاله، یه بار کش رو پاک کن تا نسخه قدیمی فایل ها لود نشه.
این پلاگین برای Video.js هست و روی موبایل دو کار می کنه. وقتی پلیر تمام صفحه می شه، صفحه رو روی حالت افقی قفل می کنه. وقتی گوشی رو می چرخونی و افقی می شه، پلیر خودش وارد تمام صفحه می شه. نتیجه اینه که کاربر مجبور نیست همه کارها رو دستی انجام بده.
بله. این پلاگین به Video.js وابسته هست و تنهایی کار نمی کنه. اگه ویدیوهات رو با پلیر دیگه ای یا با iframe سرویس های بیرونی نشون می دی، پلاگین روشون اثری نداره. اول Video.js رو توی صفحه لود کن، بعد پلاگین رو اضافه کن.
قفل کردن چرخش صفحه به امکانات مرورگر و سیستم عامل بستگی داره و همه جا پشتیبانی نمی شه. آیفون و مرورگرهای قدیمی معمولا محدودیت بیشتری دارن. بهترین کار اینه که روی چند گوشی و مرورگر واقعی تست کنی و رفتارش رو ببینی.
بله. توضیح رسمی پروژه به ریکت اشاره می کنه. چون یه کتابخانه جاوااسکریپت معمولیه، توی وردپرس هم با لود درست اسکریپت ها کار می کنه. فقط باید Video.js قبل از پلاگین لود بشه و پلیر درست ساخته شده باشه.
طبق اطلاعات پروژه، مجوزش MIT هست و معمولا استفاده توی پروژه های شخصی و تجاری رو اجازه می ده. فقط باید اطلاعیه مجوز و حق نشر رو کنار کد نگه داری. برای جزئیات کامل، متن مجوز همراه بسته رو بخون.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.