कोई नियंत्रण के साथ आईपैड एचटीएमएल 5 वीडियो?

Question

यह मुझे पूरे दिन मार रहा है, लेकिन मुझे यकीन नहीं है कि देशी नियंत्रण के बिना काम कर रहे एचटीएमएल 5 वीडियो प्लेयर को कैसे प्राप्त किया जाए।

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

अगर यह मदद करता है तो यहां कुछ मार्कअप है!

<video src="video.mp4" id="video" poster="image.jpg" onclick="this.play();"/></video> 

$('#video').click(function(){ 
    document.getElementById('video').play(); 
}); 

Answer 1

आईओएस वीडियो टैग की autoplay विशेषता का समर्थन नहीं करता है। यह भी दिखाई देगा कि आप वीडियो तत्व से क्लिक ईवेंट से जुड़ने के लिए jQuery का उपयोग नहीं कर सकते (fiddle देखें)।

का संभावित हल वीडियो तत्व पर एक अदृश्य div स्थिति और क्लिक जो कि करने के लिए वीडियो चलाए जाने के लिए बाध्य (fiddle देखें) के लिए है:

HTML:

<div id="video-overlay"></div> 
<video id="video" width="400" height="300"> 
     <source id='mp4' 
     src="http://media.w3.org/2010/05/sintel/trailer.mp4" 
     type='video/mp4'> 
     <source id='webm' 
     src="http://media.w3.org/2010/05/sintel/trailer.webm" 
     type='video/webm'> 
     <source id='ogv' 
     src="http://media.w3.org/2010/05/sintel/trailer.ogv" 
     type='video/ogg'> 
</video> 

सीएसएस:

#video { border: 1px solid black; } 
#video-overlay { position: absolute; width: 400px; height: 300px; z-index: 999; } 

jQuery:

$('#video-overlay').click(function(){ 
    document.getElementById('video').play(); 
}); 

Answer 2

फिलहाल, IOS 6 कुछ उपकरणों पर autoplay तत्व का समर्थन करता है।

संदर्भ के लिए http://www.longtailvideo.com/html5/autoloop/ देखें।

Answer 3

डिजाइन करके आप वीडियो स्वतः नहीं कर सकते हैं, लेकिन यह प्लेबैक प्रारंभ होने के बाद प्रभाव आप वास्तव में चाहते हैं नियंत्रण दूर करने के लिए है, जो मेरा अनुमान है कि है काफी सरल है:

<video id="video" src="video.mp4" poster="image.jpg" preload="auto" onplaying="this.controls=false"/></video> 

Answer 4

सबसे अच्छा मैं कर सकता हूँ

जैसे ही उपयोगकर्ता कुछ भी करने के लिए स्क्रीन को छूता है, वीडियो को भी स्क्रॉल करें, वीडियो को स्क्रॉल करें।

function playVideoNow(e) 
{ 
    document.getElementById('video').play(); 
    document.removeEventListener('touchstart', playVideoNow); 
} 

document.addEventListener('touchstart', playVideoNow, false); 

Answer 5

मैं इस्तेमाल किया इस

<video id="video" controls=“true” width="300" height="250" poster="gray30x25.gif" autoplay onplaying="this.controls=false"> 

controls=“true” - बनाता है यह ipad

autoplay पर काम - यह सिवाय मोबाइल

onplaying="this.controls=false" ऑटोप्ले बनाता है - नियंत्रण को हटा जब

खेलने यह autoplays ओ एन लैपटॉप, और आईपैड पर काम करता है!
धन्यवाद डॉन