مثال
تشغيل فيديو:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
انها محاولة لنفسك » تعريف واستخدام
و <video> تحدد العلامة الفيديو، مثل مقطع الفيلم أو غيرها من دفق الفيديو.
حاليا، هناك 3 صيغ الفيديو ل <video> العنصر: MP4, WebM ، و Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- MP4 = MPEG 4 ملفات مع H264 ترميز الفيديو و AAC السمعية الترميز
- ويب إم = ويب إم الملفات مع الترميز VP8 الفيديو وفوربيس ترميز الصوت
- ملفات سطين = سطين مع ثيورا ترميز الفيديو وفوربيس ترميز الصوت
أنواع MIME لتنسيقات الفيديو
| شكل | نوع التمثيل الصامت |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم تماما العنصر.
| العنصر | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | تسعة | 3.5 | 4.0 | 10.5 |
الخلافات بين HTML 4.01 و HTML5
و <video> البطاقة هي جديدة في HTML5.
نصائح وملاحظات
نصيحة: أي النص بين <video> و </video> سيتم عرض العلامات في المتصفحات التي لا تدعم <video> العنصر.
سمات اختيارية
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| autoplay | autoplay | يحدد هذا الفيديو سوف يبدأ اللعب في أقرب وقت انها مستعدة |
| controls | controls | يحدد هذا الفيديو الضوابط يجب أن يتم عرض (مثل زر تشغيل / إيقاف مؤقت الخ). |
| height | pixels | تحدد ذروة مشغل فيديو |
| loop | loop | يحدد هذا الفيديو سوف تبدأ من جديد، في كل مرة يتم الانتهاء من ذلك |
| muted | muted | تنص على أن إخراج الصوت من الفيديو يجب أن تكون صامتة |
| poster | URL | تحديد صورة ليتم عرضها في حين أن الفيديو يتم تحميل، أو حتى يقوم المستخدم يضرب على زر التشغيل |
| preload | auto metadata none | يحدد إذا وكيف يفكر المؤلف يجب أن يتم تحميل الفيديو عند تحميل الصفحة |
| src | URL | تحديد عنوان URL لملف الفيديو |
| width | pixels | يحدد عرض الفيديو |
السمات العامة
و <video> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <video> كما يدعم هذا الكود في حدث سمات في HTML .
صفحات ذات صلة
HTML DOM إشارة: HTML السمعية / البصرية DOM المرجعي
الإعدادات الافتراضية CSS
لا شيء.