كيف يمكنني تعطيل توليد الصور التلقائي على علامة الفيديو؟

StackOverflow https://stackoverflow.com/questions/3062915

سؤال

أنا أستخدم سمة "الملصق" على علامة الفيديو والطريقة التي يبدو أنها تعمل فيها على الأقل في متصفحات WebKit هي أنه يقوم بتحميل صورة الملصق ثم يتم تحميل ما يكفي من الفيديو ، ويحل محل الملصق بالملصق التلقائي- ملصق تم إنشاؤه من ملف الفيديو نفسه.

ومع ذلك ، فإن صور الملصق الخاصة بي لا تتطابق مع الملصقات التي تم إنشاؤها تلقائيًا والتي تؤدي إلى تجربة غريبة لتحميل صورة واحدة ، ثم يتم استبدالها في بضع ثوانٍ بواسطة الصورة التي تم إنشاؤها تلقائيًا. هل هناك أي طريقة لمنع استخدام الصورة التي تم إنشاؤها تلقائيًا؟

هل كانت مفيدة؟

المحلول

تمكنا من الالتفاف على هذا في JW Player for HTML5. أسهل طريقة هي على النحو التالي:

  • إذاu003Cvideo> SRC تم تعيين الخاصية ، وفصله وتخزين الموقع.
  • أضف معالج نقرة إلىu003Cvideo> بطاقة شعار. عندما يتم النقر عليه ، أعد ضبطu003Cvideo> خاصية SRC.

سيعمل هذا بشكل جيد ، لكنه لا يزال يعني أنه سيكون لديك مشكلات في إعادة التشغيل ، حيث أن صورة الملصقات التي تظهر تظهر كما هي الحال بالنسبة للأصل ، إلا إذا قمت ببعض MAC MAGIN.

تجدر الإشارة أيضًا إلى أنه لا يمكنك وضع أي شيء على رأسهu003Cvideo> علامة في Safari Mobile. طريقة الالتفاف حول هذا:

  • تعيينu003Cvideo> CSS عرض لا شيء
  • أضف آخرu003Cdiv style=";text-align:right;direction:rtl"> في نفس الموقع ، مع نفس الأبعاد مثلu003Cvideo> العنصر ، مع صورة خلفية CSS التي هي نفس صورة poser.
  • أضف معالج نقرة إلى الجديدu003Cdiv style=";text-align:right;direction:rtl"> . عندما تكون جديدةu003Cdiv style=";text-align:right;direction:rtl"> تم النقر عليه ، إخفاء الجديدu003Cdiv style=";text-align:right;direction:rtl"> وإظهار علامة الفيديو.
  • عندما يكمل الفيديو التشغيل ، إخفاءu003Cvideo> وأظهر الجديدu003Cdiv style=";text-align:right;direction:rtl"> .

نأمل أن يساعد ذلك!

الأفضل،

زاك

مطور ، فيديو طويل الراديو

نصائح أخرى

هذه هي الطريقة التي قررت بها متصفحات WebKit تنفيذ المواصفات (كما ورد أعلاه). وأنا أتفق معك على أنه ليس بديهيًا للغاية ، وهل أفضّل نفسي أيضًا الحفاظ على صورة الملصق حتى يصل المستخدم إلى زر التشغيل. أقترح عليك إرسال تقرير الأخطاء (أو طلب الميزة) إلى WebKit لذلك https://bugs.webkit.org/ .

الخيار الوحيد هو التأكد من أن الإطار الأول لمقطع الفيديو الخاص بك هو نفسه الملصق أو عدم استخدامه على الإطلاق.

"عندما يتم إيقاف عنصر الفيديو ويكون موضع التشغيل الحالي هو الإطار الأول للفيديو ، يمثل العنصر إما إطار الفيديو المقابل لموضع التشغيل الحالي أو إطار الملصق ، وفقًا لتقدير وكيل المستخدم." - http://www.w3.org/tr/html5/video.html#attr-video-poster

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top