فرض مقاطع فيديو html5 بدلاً من فلاش في Chrome وفايرفوكس

ليس سرا أن ستيف جوبز يكره فلاش. لقد كان مسؤولاً بشكل منفرد عن سقوطه. يمكن قراءة أسبابه ، كلها صالحة ، في هذا المقال الممتاز. على الويب ، نعم ، فقد الفلاش. HTML ، CSS ، JavaScript فاز. لم تعد الشبكة مليئة بالبقع القبيحة والبطيئة لمواقع الويب التي تستند إلى Flash. الويب أجمل كثيرًا مما كان عليه في السابق.

المكونات وقح: تحقق من قسم الأدلة والكتب الإلكترونية الجديدة في نهاية المطاف. هذا ما نسميه "جميل بالمعلومات". وليس سطر واحد من رمز فلاش يستخدم في صنعه.

لا يزال الفلاش سائداً عندما يتعلق الأمر بمقاطع الفيديو. في حين أن لغات الواجهة الأمامية كانت جاهزة للاستيلاء على العناصر التفاعلية للموقع ، إلا أن تشغيل HTML والفيديو لم يكنا أفضل أصدقاء.

إنه أفضل بكثير الآن ، مع وضع مواصفات HTML5 في صيغتها النهائية ودعم المتصفح في هضبة. ما أحصل عليه هو أنه على الرغم من أن العديد من مواقع الويب لا تزال ترغب في الضغط على مقاطع فيديو Flash أسفل كبلات الإنترنت ، إلا أنها لا تحتاج إلى ذلك. وعلى الرغم من أن YouTube ينقل الكثير من مقاطع الفيديو الخاصة به إلى تنسيق HTML5 ، فمن الواضح أننا لسنا على هذا النحو.

في هذا الدليل ، سنركز على كيفية فرض مقاطع فيديو HTML5 على مواقع الويب مثل YouTube و Vimeo (قدر الإمكان).

لماذا تريد أن تفعل هذا؟

نعلم أن Flash بشكل عام سيئ ، ولكن لماذا تريد التبديل من Flash إلى HTML5؟

• مقاطع فيديو HTML5 أقل استخدامًا للموارد. يتم تحميلها بشكل أسرع.
• لا تستهلك قدرًا كبيرًا من الطاقة ، مما يعني أن بطارية الكمبيوتر المحمول تدوم لفترة أطول.
• بالنسبة لي ، وليس لدي أي طريقة علمية لإثبات ذلك ، تبدو مقاطع فيديو HTML5 أكثر وضوحًا في دقة 720 بكسل على جهاز Retina MacBook Pro.

وبالطبع ، هناك سلبيات كذلك. بالنسبة للجزء الأكبر ، لا تدعم مقاطع فيديو HTML5 دقة 1080 بكسل. إذا كنت مدمنًا على تشغيل HD بالكامل ، فقد لا يكون هذا الحل مناسبًا لك. مرة أخرى ، في رأيي ، تشغيل 720p HTML5 لطيف حقًا.

يحتوي YouTube على صفحة فيديو HTML5 الخاصة به: تشير صفحة فيديو HTML5 الخاصة بـ YouTube إلى أنه سيتم تحميل مقاطع فيديو HTML5 ، كلما كان ذلك ممكنًا ، لكنه لا يقدم أي تفاصيل حول أي منها.

ملحقات كروم

HTML5ify

سيقوم HTML5ify بحظر محتوى الفلاش أينما كان واستبداله بـ HTML5. إلى جانب YouTube ، ستفرض على مشغلات HTML5 في Vimeo أيضًا (إذا كنت قد شاهدت أكثر من اثنين من مقاطع فيديو Vimeo ، فأنت تعلم أن المشغل المدمج معقد بشكل غير ضروري).

فيديو MLHTML5 لـ YouTube

يقوم HTML5 Video for YouTube بنفس الشيء مثل HTML5ify ، إلا أنه يضيف شريطًا من واجهة المستخدم أسفل كل فيديو. لا يزال دعم HTML5 لمقاطع الفيديو عالية الدقة صعبًا. لذلك قد تضطر إلى القيام بدقة 720p. توفر لك القائمة المنسدلة أسفل مشغل الفيديو خيارات لتحديد الجودة.

إضافات فَيَرفُكس

يوتيوب ALL HTML5

يضيف YouTube ALL HTML5 زرًا يحول الفيديو الحالي إلى تنسيق HTML5.

يوتيوب HTML5 فيديو

يُعد مقطع فيديو HTML5 في YouTube وظيفة إضافية بسيطة تُدرج "& html5 = 1" في نهاية كل عنوان URL على YouTube مما يُجبر تحميل الفيديو بتنسيق HTML5. إذا حصلت على ثقة بنسبة 100٪ في مقاطع فيديو HTML5 ولا تريد النقر فوق زر في كل مرة ، فاستخدم هذه الوظيفة الإضافية لأتمتة العملية بشكل أساسي.

يوتيوب HTML5 لاعب

يشبه YouTube HTML5 Player إلى حد كبير YouTube ALL HTML5. يقدم لك زرًا عند الضغط عليه ، ينتقل من Flash إلى فيديو HTML5.

فلاش أم HTML5؟

حان دورك الآن. Flash أو HTML5 - ما هو تنسيق تشغيل الفيديو المفضل لديك؟ اسمحوا لنا أن نعرف في التعليقات أدناه.