आईओएस 4.2.1 मोबाइल सफारी पोस्टर छवि नहीं दिखाएगी

Question

मैं एक आईपैड-विशिष्ट साइट पर काम कर रहा हूं जो एचटीएमएल 5 वीडियो का उपयोग करता है और हालांकि मुझे वीडियो प्लेबैक मिल रहा है, मैं अपने जीवन के लिए नहीं मिल सकता पोस्टर छवि प्रकट करने के लिए। यह डेस्कटॉप सफारी पर ठीक दिखता है।

<video src="video/about_the_man.mp4" controls height=360 width=480 poster="video/posters/about_the_man.jpg"></video> 

मैं एक संदर्भ के रूप में इस लिंक का उपयोग किया है (1.2 लिस्टिंग): http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW6

इसमें कहा गया है जब तक उपयोगकर्ता प्लेबैक आरंभ करता है कि iOS पर पोस्टर छवि दिखाया जाएगा, लेकिन अभी कोड यह मुझे बस एक काला वीडियो आकार की स्क्रीन मिल रही है जिसमें केंद्र में एक बड़ा प्ले बटन है। मैंने इस शीर्ष पर अन्य पोस्टिंग देखी हैं (here और here) लेकिन न तो समाधान ने मेरे लिए काम किया है। साइट के बारे में थोड़ा अपरंपरागत एकमात्र चीज यह है कि वीडियो तत्व एक इनलाइन लाइटबॉक्स में है, इसलिए शुरुआत में पेजेलोड पर यह दिखाई नहीं दे रहा है, लेकिन मुझे नहीं पता कि इससे कोई फर्क क्यों पड़ता है।

किसी भी विचार?

Answer 1

मुझे एक ही समस्या थी। मैंने दूसरे आईपैड पर अपना कोड आज़माने का फैसला किया, और यह ठीक काम किया। पोस्टर छवि दिखाया गया।

थोड़ा सा मेरे सिर को खरोंचने के बाद, समाधान आईपैड को रीसेट करना और पुनः प्रयास करना था। रीबूट के बाद, मेरे आईपैड ने पोस्टर छवि को प्रदर्शित किया जैसा कि करना चाहिए।

शायद यह आपके लिए काम करेगा?

Answer 2

मैंने पाया छवियों की राशि है जो आप एक iPad

यहाँ पर लोड कर सकते हैं की एक सीमा होती यह क्या कहते है:

मैं हाल ही में एक मोबाइल सफारी सीमा मारा जब एक AJAX-y निर्माण आईपैड पर साइट । यदि आप छवियों का एक टन लोड करते हैं तो अंततः मोबाइल सफारी को बंद कर देता है और छवि के बजाय [?] प्रदर्शित करेगा। कुछ परीक्षण करने के बाद ऐसा लगता है कि यह सीमा लगभग 6.5 एमबी है। यहां एक टेस्ट पेज है मैंने 20 500kb छवियों को लोड करने का प्रयास किया है। आईपैड पर इस पृष्ठ को खोलते समय, छवियों में से 7 दिखाई नहीं देते हैं, भले ही चार्ल्स में वे 200 - सफलता लौट रहे हैं। मुझे लगता है कि यह के समान है, आईपैड/आईफोन पर वीडियो टैग के लिए ऑटोप्ले अक्षम है। ऐप्पल शायद यह सुनिश्चित करना चाहता है कि उपयोगकर्ता 3 जी पर ब्राउज़ करते समय डाउनलोड के साथ अधिभारित न हों।

किसी भी तरह, 6.5 एमबी एक भारी भार है और 3 जी पर अच्छी तरह से किराया नहीं देगा, लेकिन एक कारण या किसी अन्य कारण से आप इस सीमा के आसपास काम करना चाहेंगे। मुझे drawImage() का उपयोग करके छवि को कैनवास टैग में लोड करने के लिए मेरा कोड पैच करने का सबसे आसान तरीका मिला। कैनवास टैग सीमा के प्रति प्रतिरोधी प्रतीत होता है।

कैनवास टैग का उपयोग कर another test page है, सभी छवियों को लोड करना चाहिए।