मोबाइल उपकरणों पर एचटीएमएल 5 वीडियो व्यवहार

Question

मैं ऐसी साइट का निर्माण कर रहा हूं जहां मेरे पास <video> तत्व (looped एनिमेशन) हैं जो मेरे डिज़ाइन (वास्तविक वीडियो के रूप में नहीं) के हिस्से के रूप में कार्य करते हैं। यह डेस्कटॉप ब्राउज़र में काफी अच्छा काम करता है, फिर भी मुझे मोबाइल उपकरणों पर परेशानी है।
जब मैं एंड्रॉइड या आईओएस डिवाइस (यानी मोबाइल वेबकिट) पर साइट प्रदर्शित करता हूं तो मुझे ओएस की वीडियो प्लेयर उपस्थिति मिल जाएगी और जब मैं उन्हें क्लिक करता हूं तो वीडियो कुछ प्रकार के पॉपअप में खुल जाएगा। मुझे पता है कि मैं की तरह sth करके ऑटोप्ले प्रतिबंध बायपास कर सकते हैं:

window.onload = function() { 
    var pElement = document.getElementById("myVideo"); 
    pElement.load(); 
    pElement.play(); 
}; 

लेकिन यह फिर से एक अलग विंडो में वीडियो (रों) खुल जाएगा ...

किसी को एक संभावना पता है मोबाइल उपकरणों पर डेस्कटॉप जैसी व्यवहार का अनुकरण/सक्षम करें? धन्यवाद!

संपादित करें: मार्कअप <video> -syntax btw बुनियादी है:

<video autoplay loop> 
    <source src="vid.mp4" type="video/mp4" /> 
    <source src="vid.ogg" type="video/ogg" /> 
    <source src="vid.webm" type="video/webm" /> 
</video> 

Answer 1

हम्म, मैं Android लेकिन iOS devices can't run multiple video streams simultaneously के बारे में यकीन नहीं है:

एकाधिक एक साथ ऑडियो या वीडियो स्ट्रीम

वर्तमान में, आईओएस चलाने वाले सभी डिवाइस हैं किसी भी समय एक ऑडियो या वीडियो स्ट्रीम के प्लेबैक तक ही सीमित है। पक्ष, आंशिक रूप से ओवरलैपिंग, या पूरी तरह से ओवरलैड द्वारा एक से अधिक वीडियो-साइड बजाना- वर्तमान में आईओएस डिवाइस पर समर्थित नहीं है। एकाधिक एक साथ ऑडियो स्ट्रीम बजाना भी समर्थित नहीं है। हालांकि, आप गतिशील रूप से ऑडियो या वीडियो स्रोत बदल सकते हैं। विवरण के लिए "मीडिया स्रोत क्रमशः प्रतिस्थापित करना" देखें।

Answer 2

नहीं, एंड्रॉइड या आईओएस डिवाइस (यानी मोबाइल वेबकिट) वीडियो चलाने में सक्षम नहीं हैं जैसा आप चाहते हैं। वीडियो डिवाइस के एक डिफ़ॉल्ट वीडियो प्लेयर में खुल जाएगा।

Answer 3

यूट्यूब आईओएस के साथ मूल मूवी लोड करने और वीडियो के लिए महसूस करने के लिए आईओएस के साथ एक mov या mp4 का उपयोग करता है, या यह प्रत्येक आईओएस डिवाइस पर स्थापित होने के बाद से वीडियो चलाने के लिए उनके ऐप से लिंक करता है।

Answer 4

ऑटोप्ले को बाईपास करने के लिए आपको windows.onload क्यों चाहिए? मैं सही ढंग से किसी से preload टैग सेटिंग याद तो

<video src="vid.mov" preload=”none”></video> 

काम करना चाहिए।

इसके अलावा, क्या आपने Video For Everybody दृष्टिकोण का उपयोग करने का प्रयास किया है? इसके साथ ही वीडियो के ओएस के बजाए वीडियो को वेब पेज में चलाने में सक्षम होना चाहिए, इस तरह मेरा मानना ​​है कि आप समर्थित उपकरणों पर एक ही प्रभाव प्राप्त कर सकते हैं।

संपादित करें: j08691's answer को संबंध में, iPhones के लिए एक वैकल्पिक दृष्टिकोण iPhone के लिए साइट है जो कोई एकाधिक वीडियो खेलने समस्या के लिए एक workaround है के लिए एक सरल वेब व्यूअर ऐप्लिकेशन डिजाइन करने के लिए हो सकता है।