آموزش غیرفعال کردن امکان دانلود در ویدیوپلیر HTML

مسیح دیندار
مدیریت
عضو شده: 2021-04-12 14:23:35
2021-06-08 12:09:04

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

روش اول: استفاده از دستور لغو دانلود در کد HTML

روش اول، غیرفعال کردن دانلود در خود پلیر است. برای اینکار باید دستور controlsList="nodownload" را به کد ویدیوپلیر اضافه کنیم. به صورت زیر:

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>

 

روش دوم استفاده از دستورات استایل

در این روش برای مخفی کردن کلید دانلود می توانیم از دستورات CSS استفاده کنیم تا این قابلیت را مخفی کنیم. برای اینکار کافیست کد زیر را در یکی از فایل های استایل قالبتان که در صفحه ای که ویدیوپلیر در آن قرار دارد و فراخوانی می شود قرار دهید:

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}