يتيح Chrome على Android تشغيل الفيديوهات تلقائيًا بدون صوت منذ الإصدار 53. سيبدأ التشغيل تلقائيًا لعنصر فيديو عند ظهوره إذا تم ضبط كل من autoplay وmuted، ويمكن بدء تشغيل الفيديوهات التي تم كتم صوتها بشكل برمجي باستخدام play(). في السابق، كان يجب أن يبدأ المستخدم تشغيل الفيديو على الأجهزة الجوّالة من خلال إجراء، بغض النظر عن حالة كتم الصوت.
<video playsinline autoplay muted>
<source src="video.webm" type="video/webm" />
<source src="video.mp4" type="video/mp4" />
</video>
يمكنك الاطّلاع على مثال عملي من خلال الانتقال إلى هذا النموذج. يبدأ تشغيل الفيديو muted تلقائيًا في الإصدار 53 من Chrome أو الإصدارات الأحدث.
بالإضافة إلى ذلك، يمكن الآن بدء التشغيل بدون صوت باستخدام الطريقة play(). في السابق، لم يكن بإمكان play() بدء التشغيل إلا إذا كان ذلك نتيجة إجراء من المستخدم، مثل النقر على زر. قارِن بين العرضَين التوضيحيَين التاليَين على Android وجرِّبهما على الإصدار 53 من Chrome، ثم على إصدار أقدم:
ننصح باستخدام السمة autoplay كلما أمكن، واستخدام الطريقة play() عند الضرورة فقط.
يمكن إلغاء كتم صوت الفيديو آليًا استجابةً لإيماءة المستخدم، مثل click، ولكن إذا حاولت إلغاء كتم صوت الفيديو آليًا بدون إيماءة المستخدم، سيتوقف التشغيل مؤقتًا.
سيؤدي التغيير في muted autoplay أيضًا إلى إتاحة استخدام play() مع عنصر video لم يتم إنشاؤه في DOM، مثل لتشغيل WebGL.
تعرض الطريقة play() أيضًا وعدًا، ويمكن استخدامه للتحقّق مما إذا كان التشغيل الآلي مع كتم الصوت مفعّلاً. يمكنك الاطّلاع على مثال على ذلك على simpl.info/video/scripted.
ما هو سبب التغيير؟
تم إيقاف التشغيل التلقائي في الإصدارات السابقة من Chrome على Android لأنّه قد يكون مزعجًا ويستهلك الكثير من البيانات، كما أنّ العديد من المستخدمين لا يفضّلونه.
كان لإيقاف التشغيل التلقائي تأثير غير مقصود، وهو دفع المطوّرين إلى استخدام بدائل، مثل صور GIF المتحركة، بالإضافة إلى حلول بديلة <canvas> و<img>. هذه التقنيات أسوأ بكثير من الفيديو المحسَّن من حيث استهلاك الطاقة والأداء ومتطلبات معدل نقل البيانات وتكلفة البيانات واستخدام الذاكرة. يمكن أن يوفّر الفيديو جودة أعلى من صور GIF المتحركة، مع ضغط أفضل بكثير: حوالي 10 مرات في المتوسط، وما يصل إلى 100 مرة في أفضل الأحوال. من الممكن فك ترميز الفيديو في JavaScript، ولكنّه يؤدي إلى استنزاف كبير لطاقة البطارية.
قارِن بين ما يلي: الأول هو فيديو والثاني هو صورة GIF متحركة:
تبدو متشابهة تمامًا، ولكن حجم الفيديو أقل من 200 كيلوبايت وحجم صورة GIF المتحركة أكبر من 900 كيلوبايت.
تتوخّى Google وبائعو المتصفّحات الآخرون الحذر الشديد بشأن معدل نقل البيانات للمستخدمين. بالنسبة إلى العديد من المستخدمين في العديد من السياقات، غالبًا ما تكون تكلفة البيانات المرتفعة عائقًا أكبر أمام الوصول إلى الإنترنت من ضعف الاتصال. وبما أنّ هناك العديد من الحلول البديلة، لا يمكن حظر التشغيل التلقائي مع كتم الصوت، لذا فإنّ توفير واجهات برمجة تطبيقات وإعدادات تلقائية جيدة هو أفضل ما يمكن أن تقدّمه المنصة.
أصبح الويب يركّز بشكل متزايد على الوسائط. يواصل المصمّمون والمطوّرون إيجاد طرق جديدة وغير متوقّعة لاستخدام الفيديو، ويريدون سلوكًا متسقًا على جميع المنصات، مثلاً عند استخدام الفيديو في الخلفية كعنصر تصميم. تتيح ميزة التشغيل التلقائي بدون صوت وظائف مثل هذه على كلّ من الأجهزة الجوّالة وأجهزة الكمبيوتر.
التفاصيل الدقيقة
- من وجهة نظر إمكانية الوصول، يمكن أن يكون التشغيل التلقائي إشكاليًا بشكل خاص. يتضمّن الإصدار 53 من Chrome والإصدارات الأحدث على Android إعدادًا لإيقاف التشغيل التلقائي تمامًا: من إعدادات الوسائط، اختَر "التشغيل التلقائي".
- لا يؤثّر هذا التغيير في العنصر
audio: سيظل التشغيل التلقائي غير مفعّل على Chrome على Android، لأنّ التشغيل التلقائي بدون صوت ليس منطقيًا بالنسبة إلى الصوت. - لن يتم التشغيل التلقائي إذا كان وضع توفير البيانات مفعّلاً. في حال تفعيل وضع "توفير البيانات"، يتم إيقاف ميزة "التشغيل التلقائي" في إعدادات "الوسائط".
- سيعمل التشغيل التلقائي مع كتم الصوت لأي عنصر فيديو مرئي في أي مستند أو إطار iframe أو غير ذلك.
- للاستفادة من السلوك الجديد، عليك إضافة
mutedوautoplay: قارِن simpl.info/video بـ simpl.info/video/muted.
الدعم
- يتوافق التشغيل التلقائي بدون صوت مع متصفّح Safari على نظام التشغيل iOS 10 والإصدارات الأحدث.
- تتيح متصفّحات Firefox وUC Browser تشغيل الفيديوهات تلقائيًا على Android، سواء كانت مكتومة أو لا، فهي لا تحظر أي نوع من التشغيل التلقائي.