مقالة اليوم سنخصصها لكيفية التحكم في خصائص مشغل فيديوهات اليوتيوب من خلال علامة التضمين iframe، وذلك باستخدام بعض العلامات المحددة.
وكما يعلم الجميع يتم استخدام علامة التضمين iframe لعرض مقاطع الفيديو على المدونات والمنتديات، لكن ما لا يعرفه الجميع هو أنه بإمكانك توقيف عرض مقاطع الفيديو ذات الصلة باستخدام علامة rel، وأيضا يمكنك إزالة شعار اليوتيوب على المشغل.
علامات تخصيص iframe لمشغل فيديو اليوتيوب
اللون "color"
يمكن تغيير لون الأحمر (red) لشريط التقدم الإفتراضي إلى اللون الأبيض (white)، وهما اللونين اللذان يتم دعمهما بواسطة هذه العلامة.
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?color=white" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
التشغيل التلقائي "autoplay"
تستطيع تشغيل الفيديو تلقائيا من خلال إجراء تعديل بسيط، إذ أن علامة autoplay تحمل رقم 0 كقيمة افتراضية، هذا لا يسمح بتشغيل الفيديو تلقائيا.
الحل يكمن في تغيير القيمة الإفتراضية من 0 إلى 1 كما يظهر في هذا المثال
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?autoplay=1" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
علامة modestbranding
يمكنك منع إظهار شعار اليوتيوب المتواجد على شريط التحكم الخاص بالمشغل عبر القيمة 1، في حين أن القيمة الإفتراضية 0 تجعله ظاهرا.
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?modestbranding=1" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
منع عرض فيديوهات ذات صلة باسخدام "rel"
يمكنك إيقاف عرض الفيديوهات ذات الصلة بعد انتهاء الفيديو الأولي، وذلك عن طريق استخدام علامة rel مع القيمة 0، كما هو موضح في المثال التالي:
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?rel=0" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
علامة "iv_load_policy"
يتم عرض التعليقات التوضيحية للفيديو بشكل افتراضي عند إرفاق القيمة 1 مع العلامة iv_load_policy، في حين أنه يمكنك تقييد هذه التعليقات باستخدام القيمة 3.
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?iv_load_policy=3" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
إظهار المعلومات باستخدام "showinfo"
إرفاق القيمة 1 مع العلامة showinfo، سيمكنك من عرض معلومات الفيديو، وذلك قبل أن يبدأ عرض الفيديو.
إرفاق القيمة 0 مع العلامة showinfo، يعني أن المعلومات لن يتم عرضها حتى يتم بدء تشغيل الفيديو.
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?showinfo=0" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
علامة "controls"
القيمة 0 لعلامة controls تسمح بتحميل مشغل الفلاش على الفور دون أن يتم عرض عناصر التحكم.
القيمة 1 لعلامة controls تعني المشغل الافتراضي، أي أنه يتم تحميل مشغل الفلاش وعناصر التحكم معا على الفور.
القيمة 2 لعلامة controls تسمح بتحميل مشغل الفلاش وعرض عناصر التحكم فور بدأ الفيديو.
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?controls=1" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
علامة disablekb
تسمح القيمة 1 بالإستجابة لعناصر التحكم في لوحة المفاتيح، في حين أن القيمة 0 تمنع الإستجابة لعناصر تحكم لوحة المفاتيح.
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?disablekb=1" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
علامة "start"
يمكنك استخدام هذه العلامة لتحديد الجزء الذي تريد أن يبدأ منه الفيديو، في المثال التالي قمت بتحديد الثانية 32 كنقطة بداية الفيديو (يتم تحديد الوقت بالثواني من بداية الفيديو).
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?start=32" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
علامة "end"
يمكنك استخدام هذه العلامة لتحديد الجزء الذي تريد أن يتم فيه إيقاف تشغيل الفيديو (يتم تحديد الوقت بالثواني من بداية الفيديو).
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?end=40" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
تحديد مقطع من الفيديو
لتحديد مقطع من الفيدية يمكنك الجمع علامتي start و end كما هو موضح في المثال التالي:
...<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FaMx_j7-lwI?start=32&end=40" youtube-src-id="FaMx_j7-lwI" width="570" youtube-src-id="FaMx_j7-lwI"></iframe>
ملاحظة: يمكنك الجمع بين عدة علامات بإضافة & بين كل علامة وأخر، يمكنك مراجعة آخر مثال "تحديد مقطع من الفيديو" والذي جمعنا فيه بين علامتي start و end باستخدام &.
أنا محمد، مالك مدونة صور نت للمعلوميات والرقمنة، أمتلك خبرة واسعة في تحسين محركات البحث (السيو)، ومهتم بشكل خاص بمجالات التسويق الرقمي والتكنولوجيا المالية الرقمية.