आईफोन/आईपैड पर वीडियो के लिए नियंत्रण ओवरले

Question

मैं एक वेबपैप लिख रहा हूं जहां मुझे इसके लिए एक वीडियो और कुछ (गैर मानक) नियंत्रण प्रदर्शित करने की आवश्यकता है, जो ओवरले में दिखाई देनी चाहिए। इसलिए उच्च div-index के साथ, कुछ divs बनाएं और उन्हें वीडियो पर रखें।

फिर भी, आईफोन और आईपैड पर, ऐसा लगता है कि वे नियंत्रण क्लिक करने योग्य नहीं हैं। मैं क्लिक ईवेंट के लिए कार्रवाइयां पंजीकृत करता हूं, लेकिन जब मैं नियंत्रण पर टैप करता हूं तो इसे निकाल दिया नहीं जाता है। मैं समझता हूं कि वीडियो वास्तव में खेल रहा है (यह भी पूर्णस्क्रीन चला जाता है) पर मेरा कोई नियंत्रण नहीं हो सकता है, लेकिन समस्या यह है कि वीडियो बंद होने पर भी नियंत्रण अनुपयोगी है।

मैंने वीडियो से controls विशेषता को हटाने का भी प्रयास किया है, बिना किसी प्रभाव के।

क्या आईफोन/आईपैड पर किसी वीडियो पर स्थित तत्वों के लिए क्लिक ईवेंट पंजीकृत करने का कोई तरीका है?

Answer 1

कोशिश करने की एक बात यह है कि नियंत्रण के साथ तत्व को पूरे वीडियो में बाधा डालना है, न केवल इसके एक वर्ग - इससे आपको किसी भी मामले में इसे डीबग करने में मदद मिलेगी। एक और दृष्टिकोण क्लिक घटनाओं के बजाय स्पर्श घटनाओं का उपयोग करना है। ये तेजी से निष्पादित होते हैं और आम तौर पर अधिक से अधिक नहीं होते हैं। नमूना कोड उपयोगी होगा।

Answer 2

मैं एक ही समस्या थी और यह HTML5 वीडियो तत्व के सीएसएस संपत्ति की स्थापना करके काम कर गया, जबकि

-webkit-transform:scale(1); को -webkit-transform:scale(0.01);

खेलने के लिए रुका हुआ

समस्या यह है कि है आईओएस पर एचटीएमएल 5 वीडियो तत्व वीडियो तत्व के बाध्यकारी बॉक्स में निहित क्षेत्रों (शीर्ष पर स्तरित तत्वों) में क्लिक घटनाओं को हाइजैक करना प्रतीत होता है। यदि बाउंडिंग बॉक्स को स्केल (0.01) के साथ छोटा बनाया गया है या बाउंडिंग बॉक्स को translateX (-2560px) के साथ स्क्रीन से धक्का दिया गया है, तो कोई भी तत्व क्षेत्र सीधे वीडियो तत्व से ऊपर नहीं है और क्लिक ईवेंट निकाल दिए जाएंगे।