HTML5 <video> Android पर तत्व


90

इसके अनुसार:

http://developer.android.com/sdk/android-2.0-highlights.html

एंड्रॉइड 2.0 को एचटीएमएल 5 वीडियो तत्व का समर्थन करना चाहिए। मैं मोटोरोला Droid का उपयोग कर काम करने के लिए इसे प्राप्त करने में सक्षम नहीं था, और वहाँ से HTML5 वीडियो उदाहरण पृष्ठों में से किसी पर सफलतापूर्वक वीडियो देखने में सक्षम नहीं हुआ। चूंकि वर्तमान में QuickTime या फ़्लैश के लिए समर्थन नहीं है, यह केवल एक चीज है जो मैं एक वेब पेज में mp4 वीडियो एम्बेड करने के लिए सोच सकता हूं। क्या किसी को भी इसके साथ कोई भाग्य था?


2
मेरे पास एक Droid भी है, और खेलने के लिए html5 वीडियो प्राप्त करने में सक्षम नहीं है। यहां तक ​​कि "वीडियो फॉर एवरीवन" साइट भी काम नहीं करती है।
हैक्सनी

"हर किसी के लिए वीडियो" मेरे लिए कुछ मूर्खतापूर्ण फ्रंटपेज पर पुनर्निर्देशित हुआ - मैं उस पृष्ठ पर एक डेमो भी देखने का प्रयास नहीं कर सका!
जामन

आंतरिक / बाहरी फ़ाइल सिस्टम में वीडियो रखें और इसे एक्सेस करें। उदाहरण: - <वीडियो नियंत्रण = 'नियंत्रण'> <स्रोत src = "फ़ाइल: /storage/sdcard0/video_name.mp4" प्रकार = 'वीडियो / mp4'>; </ वीडियो>
रविकिरण

जवाबों:


78

मैंने अभी इसके साथ कुछ प्रयोग किए हैं, और जो मैं आपको बता सकता हूं उससे आपको तीन चीजों की आवश्यकता होगी:

  1. वीडियो कॉल करते समय आपको टाइप विशेषता का उपयोग नहीं करना चाहिए ।
  2. आपको मैन्युअल रूप से video.play () कॉल करना होगा
  3. वीडियो को कुछ काफी सख्त मापदंडों के लिए एन्कोड किया जाना चाहिए; 'वेब ऑप्टिमाइज्ड' बटन के साथ हैंडब्रेक पर आईफोन सेटिंग का उपयोग करके आमतौर पर ट्रिक की जाती है।

इस पृष्ठ पर डेमो देखें: http://broken-links.com/tests/video/

यह काम करता है, AFAIK, सभी वीडियो-सक्षम डेस्कटॉप ब्राउज़र, iPhone और Android में।

यहाँ मार्कअप है:

<video id="video" autobuffer height="240" width="360">
<source src="BigBuck.m4v">
<source src="BigBuck.webm" type="video/webm">
<source src="BigBuck.theora.ogv" type="video/ogg">
</video>

और जेएस में मेरे पास यह है:

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

मैंने सैमसंग गैलेक्सी एस पर इसका परीक्षण किया और यह ठीक काम करता है।


1
डेमो मेरे Nexus एक पर काम नहीं करता है (जब मैं "Play" पर टैप करता हूं तो कुछ भी नहीं होता)
itsadok

1
BTW लिंक जो आपने दिया है, एक नेक्सस वन पर काम नहीं कर रहा है, संदेश: इस वीडियो को
चलाया

@ राफेलरमैन मैंने शामिल किया है और उत्तर दिया है, जो नेक्सस वन में उम्मीद से काम करेगा (कम से कम यह मेरे लिए किया था): stackoverflow.com/a/8952025/1108032
बोरिस स्ट्रैंडजेव

मैं अपने 4.0.4 टैबलेट डिवाइस पर काम करने के लिए इसे प्राप्त नहीं कर सकता। मुझे लगता है कि देशी जाने का रास्ता है
हैरी

1
एंड्रॉइड 5.x पर काम नहीं करता है, वीडियो तब तक काला है जब तक कि प्ले को क्लिक नहीं किया जाता है
FiringSquadWitness

9

रोमन के जवाब ने मेरे लिए ठीक काम किया - या कम से कम, इसने मुझे वही दिया जो मैं उम्मीद कर रहा था। फोन के मूल एप्लिकेशन में वीडियो को खोलना बिल्कुल वैसा ही है जैसा कि iPhone करता है।

यह शायद आपके दृष्टिकोण को समायोजित करने और वीडियो को अपने स्वयं के अनुप्रयोग में फुलस्क्रीन चलाने के लिए और उसके लिए कोडिंग के लायक है। यह निराशाजनक है कि वीडियो को क्लिक करना पर्याप्त नहीं है कि इसे उसी तरह से चलाएं जैसे कि iPhone करता है, लेकिन जैसा कि यह केवल इसे लॉन्च करने के लिए एक ऑनक्लिक विशेषता लेता है, यह दुनिया का अंत नहीं है।

मेरी सलाह, एफडब्ल्यूआईडब्ल्यू, एक पोस्टर छवि का उपयोग करना है, और यह स्पष्ट करना है कि यह वीडियो चलाएगा। मैं उस समय एक प्रोजेक्ट पर काम कर रहा हूं जो ठीक यही करता है, और क्लाइंट इससे खुश हैं - और यह भी कि उन्हें एक वेब ऐप का एंड्रॉइड वर्जन मुफ्त में मिल रहा है, बेशक, क्योंकि अनुबंध केवल एक के लिए था iPhone वेब ऐप।

उदाहरण के लिए, एक काम करने वाला Android वीडियो टैग नीचे है। अच्छा और सरल।

<video src="video/placeholder.m4v" poster="video/placeholder.jpg" onclick="this.play();"/>

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

यह काम। मैं Android पर h264 वीडियो चला सकता हूं। फाइलों में प्रत्यय mp4 है।
neoneye

8

यहां मैंने बताया कि कैसे मेरे एक मित्र ने नेक्सस वन में HTML में वीडियो प्रदर्शित करने की समस्या को हल किया:

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

जावास्क्रिप्ट के माध्यम से कॉल करने योग्य होने के लिए HTML के मूल कोड को उजागर करें:

JavaScriptInterface jsInterface = new JavaScriptInterface(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(jsInterface, "JSInterface");

कोड ही, एक फ़ंक्शन था जो वीडियो चलाने के लिए मूल गतिविधि कहा जाता है:

public class JavaScriptInterface {
    private Activity activity;

    public JavaScriptInterface(Activity activiy) {
        this.activity = activiy;
    }

    public void startVideo(String videoAddress){
        Intent intent = new Intent(Intent.ACTION_VIEW);
        intent.setDataAndType(Uri.parse(videoAddress), "video/3gpp"); // The Mime type can actually be determined from the file
        activity.startActivity(intent);
    }
}

फिर HTML में ही वह वीडियो टैग कार्य को वीडियो चलाने में विफल बना रहा। इस प्रकार, आखिरकार उसने onclickवीडियो की घटना को अधिलेखित करने का फैसला किया , जिससे यह वास्तविक नाटक हो गया। यह लगभग उनके लिए काम करता था - बिना किसी पोस्टर के प्रदर्शित किया गया था। यहां सबसे अजीब हिस्सा आता है - वह ERROR/AndroidRuntime(7391): java.lang.RuntimeException: Null or empty value for header "Host"हर बार posterटैग की विशेषता सेट करने पर प्राप्त करता रहा । अंत में उन्हें यह मुद्दा मिला, जो बहुत अजीब था - यह पता चला कि उन्होंने टैग sourceमें सबटैग रखा था video, लेकिन इसका इस्तेमाल कभी नहीं किया। और अजीब तरह से यह समस्या पैदा कर रहा था। अब videoअनुभाग की उसकी परिभाषा देखें :

<video width="320" height="240" controls="controls" poster='poster.gif'  onclick="playVideo('file:///sdcard/test.3gp');" >
   Your browser does not support the video tag.
</video>

बेशक आपको पेज के सिर में जावास्क्रिप्ट फ़ंक्शन की परिभाषा को जोड़ना होगा:

<script>
  function playVideo(video){
    window.JSInterface.startVideo(video);
  }
</script>

मुझे लगता है कि यह विशुद्ध रूप से HTML समाधान नहीं है, लेकिन सबसे अच्छा हम Nexus One प्रकार के फोन के लिए कर पाए हैं। इस समाधान के लिए सभी क्रेडिट दिमित्र Zlatkov दिमित्रोव जाते हैं।


मुझे इस कार्य को प्राप्त करने के लिए JSInterface के संदर्भ में जावास्क्रिप्ट फ़ंक्शन playVideo (वीडियोनाम) को जोड़ना पड़ा - उन लोगों के लिए स्पष्ट नहीं हो सकता है जिन्होंने इस तकनीक का उपयोग नहीं किया है। इसके अलावा, मैंने स्टार्ट विडियो फ़ंक्शन में getExternalDirectory () के साथ पूर्ण पथ का निर्माण करना पसंद किया, केवल जावास्क्रिप्ट से फाइल का नाम पारित किया गया। मेरे लिए काम करता है सिवाय इसके कि पोस्टर की छवि गायब हो जाती है जब वीडियो गतिविधि बंद हो जाती है और WebView को फ़ोकस हो जाता है (मेरा WebView एक ViewPager में एम्बेडेड है)। धन्यवाद।
एलन-पी

टिप्पणियों के लिए धन्यवाद। मैंने जावास्क्रिप्ट कॉल स्क्रिप्ट को जोड़ा है, विज्ञापन भी पूरी तरह से वीडियो पथ निर्माण की टिप्पणी से सहमत है, हालांकि मुझे लगता है कि यह कुछ ऐसा है जिसे हर कोई अपनी जरूरतों के लिए ठीक कर सकता है,
बोरिस स्ट्रैंडजेव

मेरे पास "शीर्ष लेख होस्ट के लिए रिक्त या रिक्त मान" त्रुटि भी थी। यह अप्रयुक्त स्रोत टैग था। यह स्रोत टैग वास्तव में ios ऐप (फोनगैप ऐप) द्वारा उपयोग किया जाता है, इसलिए अब मैं केवल ios पर स्रोत टैग सम्मिलित कर रहा हूं और यह ठीक काम कर रहा है। इस अजीब मुद्दे के साथ मदद करने के लिए धन्यवाद।
गिलियूम गेंड्रे

5

यदि आप मैन्युअल रूप से कहते हैं video.play()कि यह काम करना चाहिए:

<!DOCTYPE html>
<html>
<head>
  <script>
    function init() {
      enableVideoClicks();
    }

    function enableVideoClicks() {
      var videos = document.getElementsByTagName('video') || [];
      for (var i = 0; i < videos.length; i++) {
        // TODO: use attachEvent in IE
        videos[i].addEventListener('click', function(videoNode) {
          return function() {
            videoNode.play();
          };
        }(videos[i]));
      }
    }
  </script>
</head>
<body onload="init()">

  <video src="sample.mp4" width="400" height="300" controls></video>

  ...

</body>
</html>

2
यह मुझे एक फिल्म आइकन पर ले जाता है जिसे मैं वीडियो ऐप में MP4 देखने के लिए क्लिक कर सकता हूं, लेकिन फिर भी मुझे इनलाइन वीडियो नहीं देता है।
jans

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

क्या कोई पुष्टि कर सकता है कि यह एक छत्ते + डिवाइस पर काम करता है? मैं 3.2 पर काम नहीं कर सका। मैं ध्वनि सुन सकता हूं, और कोई वीडियो नहीं देख सकता हूं।
dongshengcn

4

मेरे Android 2.2 ब्राउज़र को html5test.com पर इंगित करते हुए , मुझे बताता है कि वीडियो तत्व समर्थित है, लेकिन सूचीबद्ध वीडियो कोडेक्स में से कोई भी ... वीडियो तत्व का समर्थन करने के लिए थोड़ा व्यर्थ लगता है लेकिन कोई कोडेक्स नहीं है ??? जब तक उस परीक्षा पृष्ठ में कुछ गड़बड़ न हो।

हालाँकि, मुझे ऑडियो तत्व के साथ एक ही तरह की स्थिति मिली: तत्व समर्थित है, लेकिन कोई ऑडियो प्रारूप नहीं। यहाँ देखें:

http://textopiablog.wordpress.com/2010/06/25/browser-support-for-html5-audio/


एसजीएस 2.1update1 पर html5test.com के साथ मेरे लिए भी ऐसा ही है। क्या आपको अभी तक वीडियो एम्बेड करने का कोई तरीका मिला है? जब मैं टूटी हुई साइट को खोलता हूं- links.com/tests/video और प्ले आइकन पर क्लिक करता हूं , तो वीडियो चलता है, लेकिन एम्बेडेड नहीं (जैसा कि डेस्कटॉप / फ़ायरफ़ॉक्स पर) लेकिन मीडिया प्लेयर में खुलता है।
मथियास कॉनराड सेप्ट

यहाँ मेरे एलजी ऑप्टिमस ब्लैक पर ही ... लेकिन टूटे लिंक पर डेमो काम करता है। मैं हैंडब्रेक के साथ एनकोड करने की कोशिश करूंगा।
पियर

4

मेरे लिए कुछ भी काम नहीं किया जब तक कि मैंने वीडियो को ठीक से एनकोड नहीं किया। सही हैंडब्रेक सेटिंग्स के लिए इस गाइड का प्रयास करें: http://forum.handbrake.fr/viewtopic.php?f=7&t=9694


मेरे लिए भी समस्या का समाधान किया। लेकिन mpeg4 अन्य ब्राउज़रों के लिए काम नहीं किया, इसलिए मैंने 2 वीडियो लेयर्स बनाए। पहले mpeg4 और फिर h264: <वीडियो चौड़ाई = "480" ऊँचाई = "386" ऑटोप्ले लूप मौन प्लेसीनलाइन> <स्रोत src = "संपत्ति / chat_letter_mpeg4.mp4" टाइप = "वीडियो / mp4"> <- Android के लिए MPEG4! -> <स्रोत src = "संपत्ति / chat_letter_h264.mp4" प्रकार = "वीडियो / mp4"> <! - h264 बाकी सब के लिए -> <img alt = "" src = "आस्तियों / chat_letter_png"> <! IE8 के लिए
वापसी के

1

हो सकता है कि आपको विशेष रूप से डिवाइस के लिए वीडियो को एनकोड करना होगा जैसे:

<video id="movie" width="320" height="240" autobuffer controls>
  <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'>
  <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="pr6.mp4" type='video/mp4; codecs="some droid video codec, some droid audio codec"'>
</video>

एन्कोडिंग कॉन्फ़िगरेशन के कुछ उदाहरण हैं जिन्होंने यहां काम किया है:

https://supportforums.motorola.com


1

एक mp4 कंटेनर में h.264 का प्रयास करें। मुझे अपने Droid X पर इसके साथ बहुत सफलता मिली है। मैं प्रारूप रूपांतरण के लिए zencoder.com का उपयोग कर रहा हूं।


1

यह मेरे लिए काम करता है:

<video id="video-example" width="256" height="177" poster="image.jpg">
<source src="video/video.mp4" type="video/mp4"></source>
<source src="video/video.ogg" type="video/ogg"></source>
This browser does not support HTML5
</video>

केवल जब .mp4 शीर्ष पर होता है और वीडोफाइल बड़ा नहीं होता है।


0

यह काम करने वाला है, लेकिन संकल्प देखें: Android 2.0 और वेबकिट

कैनवास बॉक्स के ठीक बाहर काम करता है, जबकि जियोलोकेशन एमुलेटर में बिल्कुल भी काम नहीं करता है। बेशक, मुझे इसे काम करने के लिए इसे नकली स्थानों पर भेजना होगा, इसलिए मुझे नहीं पता कि यह वास्तविक फोन पर कैसा होगा। मैं वीडियो टैग के साथ एक ही बात कह सकता हूं। वहाँ वास्तव में वीडियो नहीं खेल रहे हैं, लेकिन मुझे लगता है कि यह तथ्य यह है कि वीडियो एमुलेटर संभाल सकता है की तुलना में एक उच्च संकल्प है। मोटोरोला ड्रॉइड या अन्य अगली पीढ़ी के एंड्रॉइड डिवाइस पर यह कोशिश करने के बाद हम अधिक बार जान पाएंगे


मैं संकल्प के साथ खिलवाड़ करने की कोशिश करूँगा, लेकिन मैं एक वास्तविक डिवाइस का उपयोग कर रहा हूं, और वीडियो स्ट्रीम (एक वेब कैमरा) बहुत कम है।
jmans

0

यह शायद आपके प्रश्न का उत्तर न दे, लेकिन हम 3GP या 3GP2 फ़ाइल प्रारूप का उपयोग कर रहे हैं। आरटीएसपी प्रोटोकॉल का उपयोग करने के लिए भी बेहतर है, लेकिन एंड्रॉइड ब्राउज़र 3 जीपी फ़ाइल प्रारूप को भी पहचान लेगा।

आप कुछ का उपयोग कर सकते हैं

self.location = URL_OF_YOUR_3GP_FILE

वीडियो प्लेयर को ट्रिगर करने के लिए। फ़ाइल स्ट्रीम की जाएगी और प्लेबैक समाप्त होने के बाद, हैंडलिंग ब्राउज़र में वापस आ जाएगी।

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


नमस्ते, मैंने एंड्रॉइड वेबव्यू का उपयोग करके यह कोशिश की, लेकिन यह काम नहीं करता है, क्या कोई अन्य सेटिंग्स है जो मुझे करना है? मैं इस लिंक में कोड का उपयोग कर रहा हूं ।
क्रिस

नहीं, मैं इसे प्राप्त करने का कोई अन्य तरीका नहीं जानता।
लेविथान

0

के अनुसार: https://stackoverflow.com/a/24403519/365229

यह सादे जावास्क्रिप्ट के साथ काम करना चाहिए:

var myVideo = document.getElementById('myVideoTag');

myVideo.play();
if (typeof(myVideo.webkitEnterFullscreen) != "undefined") {
    // This is for Android Stock.
    myVideo.webkitEnterFullscreen();
} else if (typeof(myVideo.webkitRequestFullscreen)  != "undefined") {
    // This is for Chrome.
    myVideo.webkitRequestFullscreen();
} else if (typeof(myVideo.mozRequestFullScreen)  != "undefined") {
    myVideo.mozRequestFullScreen();
}

आपको फुलस्क्रीन इंस्ट्रक्शन से पहले प्ले () को ट्रिगर करना होगा, अन्यथा एंड्रॉइड ब्राउजर में यह सिर्फ फुलस्क्रीन जाएगा लेकिन यह खेलना शुरू नहीं करेगा। Android ब्राउज़र, क्रोम, सफारी के नवीनतम संस्करण के साथ परीक्षण किया गया।

मैंने इसे Android 2.3.3 और 4.4 ब्राउज़र पर परीक्षण किया है।


0

बहुत शोध के बाद, कई अलग-अलग उपकरणों में, अब तक, मैं सरल निष्कर्ष पर पहुंच गया हूं जो प्रारूप की MP4तुलना में बहुत कम समर्थित है MOV। तो, मैं MOVप्रारूप का उपयोग कर रहा हूं , जो सभी ब्राउज़रों पर सभी एंड्रॉइड और ऐप्पल डिवाइसों द्वारा समर्थित है। मैंने पाया है कि मौसम डिवाइस एक मोबाइल डिवाइस या डेस्कटॉप ब्राउज़र है, और SRCतदनुसार सेट करें :

if (IsMobile()) {
    $('#vid').attr('src', '/uploads/' + name + '.mov');
}
else {
    $('#vid').attr('src', '/uploads/' + name + '.webm');        
}

function IsMobile() {
    var isMobile = false; //initiate as false

    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
                || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0, 4))) isMobile = true;
    return isMobile;
}

0

मैंने .mp4एंड्रॉइड डिवाइस पर वीडियो चलाने के लिए प्रारूप का उपयोग करने की कोशिश की, लेकिन यह ठीक नहीं हुआ। इसलिए कुछ परीक्षण और त्रुटि के बाद, मैंने वीडियो को .webmप्रारूप में बदल दिया और निम्नलिखित कोड को बिना किसी अतिरिक्त जावास्क्रिप्ट या JQuery के:

<video id="video" class="video" muted loop autoplay>
    <source src="../media/some_video.webm" type="video/webm">
    Sorry, your browser doesn't support embedded videos.
</video>

यह एक पुराने एंड्रॉइड डिवाइस (कम से कम कुछ वर्ष 2020 तक पुराना) पर काम करता था।


-4

HTML5 Google (Android) फोन जैसे गैलेक्सी S, और iPhone दोनों पर समर्थित है। iPhone हालांकि फ्लैश का समर्थन नहीं करता है, जो Google फ़ोन समर्थन करते हैं।


Google फ़ोन एंड्रॉइड 4.0 (ICS) में फ्लैश गिरा दिया, और यह सवाल वैसे भी iPhone के बारे में नहीं था।
greg.kindel
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.