مقاطع فيديو YouTube بتنسيق HTML
أسهل طريقة لتشغيل مقاطع الفيديو بتنسيق HTML هي استخدام YouTube.
هل تعاني من تنسيقات الفيديو؟
قد يكون تحويل مقاطع الفيديو إلى تنسيقات مختلفة أمرًا صعبًا ويستغرق وقتًا طويلاً.
الحل الأسهل هو السماح لـ YouTube بتشغيل مقاطع الفيديو في صفحة الويب الخاصة بك.
معرف فيديو يوتيوب
سيعرض YouTube معرفًا (مثل tgbNymZ7vqY) ، عند حفظ (أو تشغيل) مقطع فيديو.
يمكنك استخدام هذا المعرف ، والرجوع إلى الفيديو الخاص بك في كود HTML.
تشغيل فيديو يوتيوب في HTML
لتشغيل الفيديو الخاص بك على صفحة ويب ، قم بما يلي:
- تحميل الفيديو على موقع يوتيوب
- قم بتدوين معرف الفيديو
- حدد
<iframe>عنصرًا في صفحة الويب الخاصة بك - دع
srcالسمة تشير إلى عنوان URL للفيديو - استخدم السمات
widthوheightلتحديد أبعاد المشغل - أضف أي معلمات أخرى إلى عنوان URL (انظر أدناه)
مثال
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
يوتيوب التشغيل التلقائي + كتم الصوت
يمكنك السماح للفيديو الخاص بك ببدء التشغيل تلقائيًا عندما يزور المستخدم الصفحة ، عن طريق الإضافة autoplay=1إلى عنوان URL الخاص بـ YouTube. ومع ذلك ، فإن بدء تشغيل مقطع فيديو تلقائيًا أمر مزعج للزائرين!
ملاحظة: لا تسمح متصفحات Chromium بالتشغيل التلقائي في معظم الحالات. ومع ذلك ، يُسمح دائمًا بالتشغيل التلقائي الصامت.
أضف mute=1بعد
autoplay=1ذلك للسماح بتشغيل الفيديو تلقائيًا (ولكن كتم الصوت).
YouTube - التشغيل التلقائي + كتم الصوت
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
قائمة تشغيل يوتيوب
قائمة مقاطع الفيديو المراد تشغيلها مفصولة بفواصل (بالإضافة إلى عنوان URL الأصلي).
يوتيوب حلقة
أضف loop=1للسماح بتكرار الفيديو إلى الأبد.
القيمة 0 (افتراضي): سيتم تشغيل الفيديو مرة واحدة فقط.
القيمة 1: الفيديو سوف يتكرر (إلى الأبد).
يوتيوب - حلقة
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
ضوابط يوتيوب
أضف controls=0إلى عدم عرض عناصر التحكم في مشغل الفيديو.
القيمة 0: لا يتم عرض عناصر تحكم المشغل.
القيمة 1 (الافتراضية): يتم عرض عناصر تحكم المشغل.
يوتيوب - الضوابط
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>