English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل HTML

مجملة HTML

خاصية controls لـ DOM Audio/Video HTML

يستخدم خاصية controls لتحكم في عرض شريط التحكم في العناصر HTML، وهو المسؤول عن عرض شريط التحكم في الوسائط (فيديو أو صوت).

 دليل مرجعي DOM للأصوات والفيديوهات HTML

مثال عبر الإنترنت

تمكين التحكم في الفيديو:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام خاصية controls لـ HTML Audio/Video - درس أساسي (oldtoolbag.com)</title>
</head>
<body>
<button onclick="enableControls()" type="button">تمكين التحكم</button>
<button onclick="disableControls()" type="button">تعطيل التحكم</button>
<button onclick="checkControls()" type="button">تحقق من حالة التحكم</button>
<br> 
<video id="video1">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  لا يدعم متصفحك علامة HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
function checkControls()
{ 
  myVid.controls=true;
  myVid.load();
} 
function enableControls()
{ 
  myVid.controls=false;
  myVid.load();
} 
function disableControls()
{ 
  alert(myVid.controls);
} 
</script> 
</body>
</html>
اختبار لمعرفة ‹/›

التعريف والاستخدام

يحدد خاصية controls التحكمات القياسية للأصوات والفيديوهات التي يجب عرضها من قبل المتصفح.

التحكمات القياسية للأصوات والفيديوهات تشمل:

  • العب

  • إيقاف

  • شريط التقدم

  • الصوت

  • تبديل الشاشة الكاملة (للفيديوهات)

  • الترجمات (عند التوفر)

  • المسار (عند التوفر)

توافق المتصفحات

IEFirefoxOperaChromeSafari

جميع المتصفحات الشائعة يدعم خاصية controls.

ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا تدعم هذه الخاصية.

النحو

تعيين خاصية controls:

audio|video.controls=true|false

التحقق من خاصية controls:

audio|video.controls

قيمة الخاصية

القيمةالوصف
trueيشير إلى عرض التحكم.
falseالافتراض. يشير إلى عدم عرض التحكم.

تفاصيل تقنية

القيمة المعدلة:قيمة بولية،true|false
القيمة الافتراضية:false
 دليل مرجعي DOM للأصوات والفيديوهات HTML