आईपैड/आईफोन एचटीएमएल 5 वीडियो लोडिंग

Question

मैं आईपैड/आईफोन पर फ्लाई पर लोड करने की कोशिश कर रहा हूं और ध्यान देता हूं कि मैं इसके ऊपर एक div नहीं रख सकता। मैंने एचटीएमएल में ओवरले लगाया ताकि यह पृष्ठ लोड पर उत्पन्न हो और जावास्क्रिप्ट के माध्यम से जोड़ा न जाए और वीडियो जब इसे बनाया गया हो, तो इस तत्व के नीचे बिल्कुल स्थित है। यह एक पीसी पर काम करता है, मैं सोच रहा हूं कि चूंकि यह जेएस के माध्यम से बनाया गया था कि आईफोन ओएस जेड-इंडेक्स को ओवरराइड कर रहा है और शीर्ष पर मजबूर कर रहा है?

भी "आइकन नहीं चला सकता" डिफ़ॉल्ट रूप से ओवरराइड करने का कोई तरीका है, स्लैश वाला एक, और इसके बजाय लोडिंग एनीमेशन दिखाएं? यह मेरे मुद्दे को किसी अन्य मार्ग के माध्यम से हल करेगा।

मेरा आखिरी विकल्प पृष्ठ लोड पर जेएस के माध्यम से सभी वीडियो टैग लोड करना होगा और उन्हें आईपैड/आईफोन के लिए एक दूसरे के शीर्ष पर रखना होगा? चूंकि आईफोन ओएस किसी भी वीडियो को लोड नहीं करेगा जब तक कि यह काम नहीं करेगा?

मुझे आईफोन के साथ कोई समस्या है और वीडियो टैग पर सेट "पोस्टर" विशेषता दिखा रही है।

Answer 1

iPhone पोस्टर का समर्थन नहीं करता ... OS4

Answer 2

जब तक आप पूरी तरह से वीडियो प्लेयर के ऊपर एक छवि रख सकते हैं। आईफोन पर सफारी इसे एक ट्रांसपरेंट 'प्ले' प्रतीक के साथ प्रस्तुत करेगा। मेरा मानना ​​है कि कुछ इस तरह काम कर सकते हैं:

<style type="text/css"> 
div.player 
{ 
    position: relative; 
    margin: 0; 
    padding: 0; 
} 

div.player > img.preview 
{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 9; 
    cursor: pointer; 
} 
</style> 

और

<div class="player"> 
    <img class="preview" src="zk/grumpies.png" width="320" height="240" alt="click to play" title="click to play"> 
    <video width="320" height="240" controls="controls"> 
    <source type="video/mp4" src="mah/mahnamahna.m3u8" width="320" height="240" /> 
    </video> 
</div> 

एक iPad इस पर अगर आप <video controls /> या नहीं का उपयोग निर्भर करता है अलग तरह से काम कर सकते हैं - जिस स्थिति में आप जावास्क्रिप्ट के साथ अपने स्वयं नियंत्रण प्रदान करने की आवश्यकता या आप अपना मीडिया शुरू नहीं कर पाएंगे।

'खेल नहीं सकता' आइकन मेरे अनुभव में सामान्य रूप से हमेशा एक संकेत है कि मीडिया को वास्तव में नहीं खेला जा सकता है ;-) गलत मिमटाइप या कोडेक, गलत स्रोत आदि होने के कारण यह ओवरराइड करना एक मामला होगा जावास्क्रिप्ट के साथ मीडिया लोड त्रुटि अपवादों की जांच।

एक-दूसरे के ऊपर लेयरिंग मीडिया मुझे असंभव लगता है। आप पदों को स्विच करके शायद नकली हो।

Answer 3

मुझे आईपैड वीडियो प्लेयर के साथ एक ही सटीक समस्या थी। दृश्य रूप से जेड-इंडेक्स संवाद बॉक्स के लिए ओवरले से कम था लेकिन असल में यह नहीं था। यदि आप जावास्क्रिप्ट का उपयोग करके डिफ़ॉल्ट नियंत्रण को अपने आप से बदलते हैं तो समस्या दूर हो जाती है।

http://sandbox.solutionsbydesign.com/montage/ipad/

मैं अपनी खुद की HTML5 वीडियो प्लेयर

Answer 4

बनाने पर Nettuts लेख इस्तेमाल किया मैंने पाया एक बहुत अच्छा काम के आसपास। मैं jquery का उपयोग कर रहा हूं, इसलिए यह ध्यान में रखना एक बात है।

मेरा मुद्दा था, मैं नीचे बाईं ओर एक नेविगेशन बटन के साथ एक आईपैड वेब-ऐप बना रहा था (मैं एक क्लाइंट प्रोजेक्ट के रूप में एक लिंक नहीं दे सकता)। जब उपयोगकर्ता निचले बाएं बटन पर क्लिक (टैप) करेगा, तो एक ड्रॉप-अप मेनू एनिमेट करेगा, और फिर आप गहरा उप-मेनू प्राप्त करने के लिए उन मेनू में बटन क्लिक कर सकते हैं।

समस्या:

किसी भी ली टैग (या उस बात के लिए कुछ भी) है कि वीडियो समाप्त हो गया था,, क्लिक करने योग्य नहीं होगा वीडियो, मेरी नल-नेविगेशन के भाग के साथ पृष्ठों पर इतना (वीडियो पर हिस्सा काम नहीं करेगा)।यहां पोस्ट पढ़ना वास्तव में मुझे मेरे समाधान, सरल, और यह आपके मामले के लिए काम नहीं कर सकता है, लेकिन मुझे उम्मीद है कि यह करता है।

मेरे वैकल्पिक हल:

var myNav = $("TAG_SELECTOR_HERE"); 

myNav.toggle(function(){ 
    var videos = $("video"); 
    videos.removeAttr("controls"); 
}, 
function(){ 
    var videos = $("video"); 
    videos.attr("controls","true"); 
}) 

अब मुझे पता है मैं कुछ अर्द्ध कोलन गायब हो सकता है, या मेरे कोडिंग बंद हो सकता है लेकिन मैं सिर्फ संदर्भ के लिए पोस्टिंग कर रहा हूँ। असल में, जब मेरा मेनू क्लिक किया जाता है, या सक्रिय होता है, तो मैं सभी वीडियो से नियंत्रण विशेषता को हटा रहा हूं, और फिर जब मेनू निष्क्रिय हो जाता है, तो मैं नियंत्रण वापस ला रहा हूं।

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

धन्यवाद !!

-Nick