मेरे पास यह वेबपृष्ठ है:
http://healthpad.net/dashboard/
इसमें 10 <video>
तत्व हैं।आईओएस पर सफारी क्यों मेरा एचटीएमएल 5 वीडियो पोस्टर नहीं दिखा रहा है?
किसी कारण से, जब मैं एक आईपैड पर पेज लोड करता हूं, तो यह वीडियो पोस्टर नहीं दिखा रहा है।
प्रयास करें निम्नलिखित:
- लोड डेस्कटॉप ब्राउज़र पर पेज
- यह भार एक iPad या iPad सिम्युलेटर पर है, और आप एक प्ले बटन
के साथ एक बड़ा ब्लैक बॉक्स मिल
कृपया मुझे बताएं कि यह क्यों हो रहा है?
यहाँ मैं पहले से ही की संभावना से इनकार किया है:
छवि Content-Type हैडर।
मैंने सत्यापित किया है कि छवि सामग्री-प्रकार शीर्षलेख ठीक से सेट है। उपर्युक्त उदाहरण में, Content-Type
शीर्षलेख ठीक से image/jpeg
। Video.js पुस्तकालय के साथ
हस्तक्षेप
VideoJS डेस्कटॉप ब्राउज़र पर कि अच्छा प्ले बटन दिखाने के लिए और नियंत्रण अनुकूलित करने के लिए किया जाता है। हालांकि यह पुस्तकालय मूल खिलाड़ी में हस्तक्षेप नहीं करता है।
बस यह सुनिश्चित करने के लिए, मैंने एक परीक्षण वीडियो पृष्ठ बनाया है जिसमें वीडियो-जेएस क्लास नहीं है, इसलिए लाइब्रेरी उस वीडियो को उठाकर संसाधित नहीं करती है। वास्तव में, परीक्षण पृष्ठ भी किसी भी जे एस पुस्तकालय शामिल नहीं है, यह सिर्फ
<html><body>
<video
controls
height="400"
width="600"
poster="http://healthpad.net/media/CACHE/images/uploads/video_poster_1414/bd5fba5a68ddd0f4b3f61193f6908962.jpg"
src="http://healthpad.net/media/uploads/video_processed_720p_1414.mp4"
></video>
</body></html>
http://healthpad.net/rj_templates/test/zzz/
कि मोबाइल सफारी
ऊपर परीक्षण पृष्ठ पर समर्थित न हों, किसी भी वीडियो विशेषताओं का प्रयोग है बस एक सादा वीडियो टैग है। मैंने src
और poster
को छोड़कर हर दूसरी विशेषता को हटाने का प्रयास किया है, इससे मदद नहीं मिली है।
विषय पर StackOverflow प्रश्नों में से अधिकांश सिर्फ इतना कहना
यहाँ है, जहां यह हो जाता है अजीब "अपने iPad पुन: प्रारंभ करें":
आप इस पर चारों ओर गूगल, तो StackOverflow पर जवाब है कि अक्सर स्वीकार किया जाता है "अपने आईपैड को पुनरारंभ करें, यह मेरे लिए किया"।
तो मैंने वही काम करने की कोशिश की है, पहले मैंने अभी कहा था कि यह मेरे मामले में काम नहीं करता है।
फिर, मैंने कोशिश की यह:
(iPad सिम्युलेटर पर निम्न में से सभी)
- साइट पर जाएं, वीडियो पोस्टर
- जाओ परीक्षण पृष्ठ पर दिखाई नहीं देते हैं (http://healthpad.net/rj_templates/test/zzz/) , वीडियो पोस्टर नहीं दिखाता है। घर
- क्लिक करें सफारी (या Cmd + Shift + सिम्युलेटर के लिए एच मैक शॉर्टकट) बाहर निकलने के लिए
- डबल क्लिक करें सफारी, नल के बाहर काम स्विचर हो और मार बटन से पता चलता है जब तक सफारी आइकन पर पकड़ के लिए होम बटन ।
- को मार डालो सफारी
- ओपन सफारी (पुन: प्रारंभ)। इस बिंदु पर, यदि आप परीक्षण पृष्ठ लोड करते हैं (केवल एक वीडियो वाला), तो पोस्टर दिखाएगा।
- अब बहु-वीडियो पृष्ठ पर जाएं: (http://healthpad.net/dashboard/)। वीडियो पोस्टर नहीं दिखते हैं।
- एकल-वीडियो परीक्षण पृष्ठ पर वापस जाएं, उस के लिए वीडियो पोस्टर अब या तो काम नहीं करता है।
- वीडियो पोस्टर काम करना बंद करने की प्रक्रिया को देखने के लिए चरण 3 से 8 को दोहराएं।
तो जाहिरा तौर पर, कुछ बिंदु पर, मोबाइल सफारी यह अब किसी भी वीडियो पोस्टर दिखाएगा का फैसला किया। इसके अलावा, जाहिर है, मेरी साइट इस स्थिति को ट्रिगर करती है।
स्पष्टीकरण:
जब पोस्टर अब काम नहीं है, यह केवल एक डोमेन पर नहीं होती है, कोई वीडियो पोस्टर किसी अन्य साइट के लिए लोड किया जाएगा, चाहे या नहीं, यह एक पूरी तरह से भिन्न डोमेन पर है (उदाहरण के लिए http://www.videojs.com/ से डेमो वीडियो)।
यह आदेश मेरी देखा है से, इस व्यवहार को रीसेट करने के लिए, आप को मारने और सफारी को पुनः आरंभ करने की है। बस इसे बंद करना और फिर से खोलना इस स्थिति को रीसेट नहीं करता है।
क्या किसी को पता है कि यह क्यों हो रहा है? क्या इसके आसपास काम करने का कोई तरीका है?
तो क्या आप सादा वीडियो टैग के साथ भी समस्या देखते हैं, या यह वीडियो.जेएस का उपयोग करते समय ही है? वीडियो.जेएस का क्या संस्करण और आईओएस संस्करण क्या है? – heff
सादे वीडियो टैग के साथ भी होता है, भले ही वीडियोज मौजूद न हो। – Prody