मैं HTML5 का उपयोग कर किसी पृष्ठ पर एक वीडियो और प्लेलिस्ट कैसे जोड़ सकता हूं?

Question

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

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

संसाधन

1. JW Player and playlist configuration example page

2. JWPlayer और प्लेलिस्ट लेआउट का उदाहरण:

screenshot-with-shadow.jpg http://img198.imageshack.us/img198/5788/screenshotwithshadow.jpg

Answer 1

जेडब्लूप्लेयर का आखिरी संस्करण एचटीएमएल 5 प्लेबैक का भी समर्थन करता है। अब यह मोबाइल उपकरणों में भी इस्तेमाल किया जा सकता है जो फ्लैश का समर्थन नहीं करते हैं।

फ्लैश वापस आने के साथ एक और HTML5 वीडियो प्लेयर VideoJS (http://videojs.com/)

Answer 2

यह अपने मुख्य सवाल का जवाब नहीं है। यह सिर्फ कुछ सामान्य सुझाव है।

1. अपग्रेड। मुझे 5.6 डिवाइसों के साथ कुछ परेशानी थी, मोबाइल उपकरणों पर नहीं खेल रहा था, और 5.8 तक इसे अपग्रेड किया गया था।

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

3. शायद मोड को ओवरराइड करें। मेरे मीडिया के लिए, एचटीएमएल 5 थोड़ा बेहतर खेलता प्रतीत होता है।

   मोड: [ {प्रकार: "एचटीएमएल 5"}, {प्रकार: "फ्लैश", src: "/media/player.swf"} ] एक ही ऊंचाई/चौड़ाई का उपयोग करने के

4. कोशिश आपके मीडिया के रूप में

5. यदि आप केवल ऑडियो खेल रहे हैं- यदि आपकी चौड़ाई एक बड़ी मान है तो (केंद्रित) प्ले बटन ढूंढना मुश्किल हो सकता है।

6. मैं प्लेलिस्ट का उपयोग नहीं कर रहा हूं। मेरे पास पृष्ठ पर रिकॉर्डिंग की एक सूची है, और एक पॉपअप/संवाद लोड करने के लिए एक बटन है।

Answer 3

यह जेडब्ल्यू प्लेयर विशिष्ट उत्तर नहीं है।

ब्राउज़र के मूल HTML वीडियो टैग टैग को प्रतिस्थापित करते समय अजीब व्यवहार करते हैं। इसके बजाय आपको सीधे टैग में एकल स्रोत विशेषता सेट करनी चाहिए। इस तरह से आप उस विशेषता को डीओएम में बदल सकते हैं। इसे बदलने से पहले, पहले चलने वाले वीडियो को रोकने का प्रयास करें।

मैं mediaelementjs.com का उपयोग करता हूं। यह बहुत अच्छी तरह से काम करता है।

यह अंतर्निहित प्लेलिस्ट सुविधा के साथ नहीं आता है लेकिन आप आसानी से स्वयं को एक बना सकते हैं। आखिरकार, प्लेलिस्ट सिर्फ वीडियो की एक सूची है कि जब आप एक पर क्लिक करते हैं, तो आप वीडियो के स्रोत को बदल देते हैं।

मीडिया तत्व में setSrc() फ़ंक्शन है जो HTML5 और फ़्लैश फ़ॉलबैक दोनों का समर्थन करता है। यह मुझसे काम करता है।

Answer 4

ये लिंक उपयोगी हो सकता है:

1. HTML 5 video or audio playlist
2. PagePlayer
3. JW Player 5
4. Generate a Playlist for HTML5 Video

Answer 5

तुम सिर्फ यूट्यूब वीडियो का उपयोग कर रहे हैं, तो वे एक (बीटा) की पेशकश एचटीएमएल 5 वीडियो प्लेयर: http://code.google.com/intl/en/apis/youtube/iframe_api_reference.html

मैं इस साइट पर HTML5 वीडियो प्लेयर का उपयोग करें: http://www2.highpoint.edu

और पुराने IE के संस्करणों है कि खिलाड़ी (बहुत अच्छी तरह से) का उपयोग नहीं कर सकते हैं, तो मैं अभी भी जो यूट्यूब के माध्यम से किया जाता है बजाय उन ब्राउज़र के लिए फ्लैश एम्बेड टैग का उपयोग जे एस एपीआई: http://www2.highpoint.edu/youtube.php?id=ht1PrQkE3WU

यदि आप रोल-अपने-खुद के लिए वीडियो प्लेयर की जरूरत है मैं अत्यधिक mediaelementjs की सिफारिश: http://code.google.com/intl/en/apis/youtube/js_api_reference.html

यहाँ एक उदाहरण पृष्ठ है। हमारी साइट पर सभी वीडियो YouTube द्वारा होस्ट कर रहे हैं, लेकिन हम अभी भी, एक ऑडियो प्लेयर के रूप में उपयोग के रूप में यहां देखी गई: http://www2.highpoint.edu/president.php?mp3=http%3A%2F%2Fwww2.highpoint.edu%2Fmp3%2FNQ_LI013107.mp3

Answer 6

swf मोबाइल डिवाइस द्वारा समर्थित नहीं है

मुझे लगता है कि यह उपयोगी है लेकिन दो प्रकार फ़ाइल की आवश्यकता

<video width="320" height="240" controls="controls"> 
    <source src="movie.mp4" type="video/mp4" /> <!-- for iPad :) --> 
    <source src="movie.ogg" type="video/ogg" /> <!--for windows --> 
    Your browser does not support the video tag. 
</video> 

और मैं फिल्म को बदलने के लिए जावास्क्रिप्ट कोशिश करते हैं और यह दोनों

में काम किया क्योंकि मैं एक iPad है आप इस का उपयोग किया जाना चाहिए और मैं नहीं कर सकते swf आधारित वीडियो प्लेयर के वीडियो को खोलने के

,210

Answer 7

देखा संयुक्त राष्ट्र मुक्केबाज़ी डे स्क्रिप्ट JWPlayer 6.7 एट प्लेलिस्ट यूट्यूब

<script> 
jwplayer("myElement").setup({ 
    width: "100%", 
    height: "400", 
    playlist: "http://gdata.youtube.com/feeds/api/playlists/PLMIePZMXPqnYlsvE_PFwe-_e336HlJF7g?max-results=50&alt=rss", 
    stretching: "exactfit", 
    primary: "flash", 
    sharing: {link: "http://www.centraltv.fr/egypte-television/rotana-masriya"}, 
    autostart: "true", 
    listbar: { 
    position: "right", 
    size: "220" 
    } 
}); 
</script>