2012-12-10 7 views
5

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

मैं video.js का उपयोग कर रहा हूं और थंबनेल छवि पर क्लिक के लिए सुन रहा हूं, जो बदले में तत्व को एचटीएमएल 5 वीडियो के साथ बदल देता है और इसे स्वचालित रूप से चलाता है। निम्न कोड फ्लैट आउट एंड्रॉइड एमुलेटर पर काम नहीं करता है (थंबनेल पर क्लिक करने से कुछ भी नहीं होता है)। जब मैं इसे अपने स्वयं के Droid Razr पर आज़माता हूं, तो यह वीडियो लोड करना शुरू करता है और फिर ब्राउज़र फ्रीज हो जाता है। यह देशी ब्राउज़र और क्रोम में होता है, जो मुझे बताता है कि यह डिवाइस के लिए कुछ मूल है।

<video id='fv3530' class='video-js' preoload='auto' width='100%' height='100%' poster='/posters/fv3530.jpg'> 
    <source type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" src='/videos/fv3530.mp4'> 
</video> 

किसी को पता है क्यों यह एक Android डिवाइस पूरी तरह से ऊपर फ्रीज करने का कारण होता है, और क्या मैं वीडियो अधिकांश Android डिवाइस पर नियमित रूप से चलते बनाने के लिए कर सकते हैं:

$(".video").live("click", function(e) { 
    e.preventDefault(); 
    $(this).replaceWith("<video id='" + $(this).data("video-id") + "' class='video-js' preoload='auto' width='100%' height='100%' poster='" + $(this).data("video-poster-url") + "'><source type='video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"' src='" + $(this).data("video-url") + "'></video>"); 

    video = _V_($(this)); 
    video.ready(function() { 
     this.play(); 
     this.requestFullScreen(); 
    }); 
}); 

एचटीएमएल किया जा रहा समाप्त होता है?

धन्यवाद!

+0

क्या आप उत्तर में से एक को पुष्टि कर सकते हैं अयस्क एक बक्षीस शुरू करें। धन्यवाद। –

उत्तर

1

source घोषणा से type विशेषता हटाएं। यह आम तौर पर एंड्रॉइड, पुराने संस्करणों के साथ मुद्दों का कारण बनता है।

आपका स्रोत घोषणा बस होना चाहिए:

<source src='/videos/fv3530.mp4'> 

मैं एक small site जो एंड्रॉयड पर एक काम HTML5 वीडियो (सिर्फ Android 2.2 चला मेरी एचटीसी डिजायर पर यह परीक्षण किया है) है।

+0

धन्यवाद! मेरे लिए काम किया –

+0

मदद करने के लिए खुशी हुई। –

+0

मेरे नेक्सस 7 2013 पर काम नहीं करते हैं। –

2

कृपया से इस सवाल: HTML5 <video> element on Android

जाहिर है, वहाँ http://developer.android.com/about/versions/android-2.0-highlights.html के अनुसार android के साथ एचटीएमएल 5 वीडियो का उपयोग करने के लिए एक संभावना है, लेकिन वहाँ इस काम करने के लिए कुछ सख्त parameteres हैं (सवाल का जाँच की प्रतिक्रिया देखना)।

अपने मामले में, एमुलेटर, विशेष रूप से एचटीएमएल 5 आदि के साथ घटनाओं को संभालना आसान नहीं है, इसलिए आपको परीक्षण के लिए वास्तविक उपकरण का उपयोग करना चाहिए (वास्तव में अनुशंसित)। जिसमें आपके फोन से संबंधित है, संभावित कारण यह क्यों काम नहीं कर रहा है कि आप एक गैर समर्थित वीडियो कोडेक का उपयोग कर रहे हैं।

संबंधित मुद्दे