बल HTML5 youtube वीडियो


119

Youtube API ब्लॉग के बारे में वे अपने नए HTML5 वीडियो प्लेयर के साथ प्रयोग कर रहे हैं ।

HTML5 में वीडियो चलाने के लिए, आपको iframe एम्बेडिंग कोड का उपयोग करना होगा:

<iframe class="youtube-player" type="text/html" width="640" height="385"
  src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

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

यदि ब्राउज़र अभी भी एचटीएमएल 5 परीक्षण में शामिल नहीं हैं, तो एचटीएमएल 5 वीडियो प्लेबैक को कैसे मजबूर किया जाए?

अन्यथा फ्लैश फालबैक को कैसे निष्क्रिय करें?

संपादित करें:

Youtube वीडियो के लिंक के माध्यम से HTML प्लेयर को बाध्य करना संभव है , लेकिन मुझे एम्बेडेड वीडियो के लिए इस तरह की सुविधा की आवश्यकता है।


क्या होगा यदि आप js के साथ HTML5 क्षमता का पता लगाने, और तदनुसार यूट्यूब एपीआई कोड को लागू करने के लिए थे। या मुझे कहना चाहिए, अगर एचटीएमएल 5 वीडियो ने समर्थन नहीं किया है, तो यूट्यूब एप को लागू न करें क्योंकि यह फ्लैश का सहारा लेगा।
डेविड हॉब्स

जवाबों:


179

मैंने हल ढूंढ लिया है:

आपको html5=1iframe के src विशेषता में जोड़ना होगा :

<iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>

उपलब्ध होने पर वीडियो को HTML5 के रूप में प्रदर्शित किया जाएगा, या फ़्लैश प्लेयर में कमबैक किया जाएगा।


1
हम्म - अब यह (वही vids) काम नहीं कर रहा है, अजीब है। मुझे आश्चर्य है कि अगर यह केवल कुछ यूट्यूब सर्वर पर काम करता है?
13

1
&html5=1एक गैर-एम्बेडेड वीडियो के अंत में जोड़ते समय काम नहीं करता : /
मोशे रेवह

1
हाइपरलिंक के अंत में &html5=1(या &html5=trueऐसा कुछ भी) जोड़ना ( iframe एम्बेडेड वीडियो नहीं) IE में फ़्लैश के बिना काम नहीं करता है।
रयान

1
विज्ञापन स्वचालित रूप से फ्लैश प्लेयर का उपयोग करेगा के साथ यूट्यूब वीडियो
Turnt

8
मुझे लगता है कि सभी रिपोर्ट पक्षपातपूर्ण हैं। किसी ने भी यह नहीं कहा कि क्या वह "youtube के html5 बीटा" में है और यह शायद महत्वपूर्ण कारक है। जब मैं html5 बीटा छोड़ता हूं, तो ऐसा लगता है कि html5 = 1 कुछ नहीं करता है। हर वीडियो फ्लैश के साथ जाता है।
पॉल ब्रूज़ेन्स्की

20

एचटीएमएल 5 प्रारूप में YouTube वीडियो चलते हैं या नहीं , यह प्रति ब्राउज़र https://www.youtube.com/html5 पर निर्भर करता है। Chrome स्वचालित रूप से HTML5 प्लेबैक पसंद करता है, लेकिन यहां तक ​​कि नवीनतम फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर अभी भी फ्लैश का उपयोग करता है यदि यह मशीन पर स्थापित है।

पैरामीटर html5 = 1 अब (अब) कुछ भी नहीं करता है। (ध्यान दें कि यह https://developers.google.com/youtube/player_parameters पर भी सूचीबद्ध नहीं है ।)


बस की जाँच की, मैंने youtube.com/html5 में HTML5 प्लेयर चुना है , लेकिन अगर & html5 = 1 को एम्बेड प्लेयर के पैरामीटर के रूप में निर्दिष्ट नहीं किया गया है, तो जब मैं निर्दिष्ट करता हूं तो परम HTML5 प्लेयर लोड होता है। ओएस: लिनक्स, फ़ायरफ़ॉक्स 33 64 बिट।
Czar

मैंने अभी-अभी html5=1फ़ायरफ़ॉक्स 33.0.2 में परीक्षण किया है और यह अच्छी तरह से काम करता है (और आवश्यकता नहीं है कि उपयोगकर्ता YouTube पर HTML5 सेटिंग को सक्षम करें)। इसके बिना YouTube डिफ़ॉल्ट रूप से फ़्लैश संस्करण भेजता है।
साइमन ईस्ट

पैरामीटर अभी भी काम करता है, लेकिन इसे html5 पेज पर सक्षम करना youtube को html5 के लिए डिफ़ॉल्ट बनाता है जो बेहतर है।
अलनह

4

मैंने iframe एम्बेड कोड का उपयोग करने की कोशिश की और HTML5 प्लेयर दिखाई दिया, हालांकि, किसी कारण से iframe पूरी तरह से मेरी साइट को तोड़ रहा था।

मैंने पुराने ऑब्जेक्ट एम्बेड कोड के साथ गड़बड़ कर दी है और यह पूरी तरह से ठीक काम करता है। तो अगर आपको iframe के साथ समस्या हो रही है, तो यहां इस्तेमाल किया गया कोड:

<object width="640" height="360">
<param name="movie" value="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="640" height="360" src="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>

आशा है कि यह किसी के लिए उपयोगी है


जनवरी के अंत तक YouTube <object>को हटा दिया गया है<iframe>इसके बजाय उपयोग करें ।
सैमुअल एल्ह

<object>अभी भी काम करता है, वास्तव में iframe में बस होता है।
रोजा

2

यदि आप iframe एम्बेड एपीआई का उपयोग कर रहे हैं, तो आप html5:1एक playerVarsतर्क के रूप में रख सकते हैं , जैसे:

player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: '<VIDEO ID>',
    playerVars: {
        html5: 1
    },
});

पूरी तरह से काम करता है।


0

इनलाइन टैग का उपयोग वर्तमान HTML तत्व में दस्तावेज़ के दूसरे src को जोड़ने के लिए किया जाता है।

आपके मामले में YouTube का एक वीडियो और हमें लिंक पर बाहरी रूप से ब्राउज़र में HTML प्रकार (4 या 5) निर्दिष्ट करने की आवश्यकता है

इतना जोड़ो? html = 5 लिंक के अंत तक .. :)

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.