आईओएस 10 पर नहीं चल रहा वीडियो क्रोम

Question

मुझे लगता है कि इस वीडियो स्निपेट के साथ क्या गलत है यह पता नहीं लगा सकता है।

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

वीडियो सफारी में बिना किसी समस्या के नाटकों (आईओएस के पुराने संस्करणों के खिलाफ परीक्षण किया है नहीं, लेकिन मेरी केवल चिंता ऑटोप्ले मुद्दा नहीं है?), लेकिन क्रोम पर केवल एक चीज मैं देख रहा हूँ कवर छवि है और एक प्ले बटन जो कुछ भी ट्रिगर नहीं करता है। क्या मैं कुछ भूल रहा हूँ? क्या मुझे वास्तव में काम करने के लिए जेएस का उपयोग करने की ज़रूरत है?

अपडेट: ऐसा लगता है कि आईओएस क्रोम के साथ वेबएम फाइलें चलाने में कोई समस्या है - मैंने अलग-अलग स्थानों से कई फाइलों की कोशिश की है और उन्हें खेलने में सक्षम होने से पहले डाउनलोड करने की आवश्यकता है।

Answer 1

गूगल क्रोम वर्तमान में एक बग जिसमें यह एक .webm वीडियो स्वतः चालित नहीं करेगा कि क्या यह किसी और कुछ भी बाद आता है। http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

तो पिछले सलाह मदद नहीं करता है, Github पर पटकथा प्लेबैक उदाहरण (video.js और simpl) का उपयोग करने का प्रयास करें:

https://github.com/videojs/video.js

एक कोड का उपयोग करने की कोशिश करो पर प्रकाशित https://github.com/samdutton/simpl/blob/gh-pages/video/scripted/index.html

इसके अलावा, समस्या डी को पढ़ें मोबाइल ब्राउज़र में मौन ऑटोप्ले को dicated:

https://github.com/whatwg/html/issues/976

यह S.O. पढ़ने के लिए उपयोगी होना चाहिए साथ ही पोस्ट:

Efficiently detect if a device will play silent videos that have the autoplay attribute

Answer 2

मैं सिर्फ क्या इस वीडियो स्निपेट के साथ गलत क्या है पता लगाने के लिए नहीं कर पा रहे।

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

... अपडेट: यह वहाँ आईओएस क्रोम के साथ Webm फ़ाइलों को चलाने में कोई समस्या है लगता है।

सरल और सबसे ठीक आप पहली बार mp4 फ़ाइल की घोषणा और उसके बाद दूसरे स्थान पर webm (आपके दिखाए गए क्रम के विपरीत) की घोषणा सुनिश्चित करने के लिए है। मेरा मानना ​​है कि आईओएस एक एमपी 4 को एचटीएमएल 5 वीडियो टैग में पहली फाइल के रूप में उम्मीद करता है। सभी आईओएस देखता है src="sample.webm" जो वैध अपेक्षित एमपीईजी कोडेक नहीं है, इसलिए आपके "... प्ले बटन जो कुछ भी ट्रिगर नहीं करता है"। आपको कहीं एक मूक त्रुटि मिली है।

प्रयास करें:

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/mp4" src="sample.mp4"></source> 
    <source type="video/webm" src="sample.webm"></source> 
</video> 

साइड नोट: बस मेरी राय है, लेकिन, मैं webm यहाँ होने लगता है कि मुख्य समर्थन प्रणाली (गूगल आधारित तकनीक) के बाद से पहले से ही mp4 वैसे भी संभाल कर सकते हैं अनावश्यक है।

बेहतर ब्राउज़रों में उन वीडियो डिकोडर पेशकश करने के लिए [अंत उपयोगकर्ताओं की] (केवल फ़ायरफ़ॉक्स के मामले में) mp4 या ogv का एक विकल्प।

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