एचटीएमएल 5 वीडियो टैग के माध्यम से यूट्यूब वीडियो कैसे चलाएं

Question

यह कोड एक पल के लिए काम करता है लेकिन मुझे लगता है कि लिंक बदलते हैं, अगले दिन यह नहीं मिलता है?
फ़ायरफ़ॉक्स/क्रोम/ओपेरा के तहत खेले गए वीडियो ... वीडियो टैग को इस वीडियो को स्थायी रूप से कैसे खेलें ?!

<video width="480" height="270" controls="controls" style="color:green;"> 
    <source src="youtubelink" type="video/mp4"> 
    <source src="youtubelink" type="video/ogg"> 
    <source src="youtubelink" type="video/webm"> 
Your browser does not support the video tag. 
</video> 

Answer 1

वास्तविक वीडियो टैग के अंदर वास्तव में एक YouTube वीडियो चलाने का वास्तव में एक विश्वसनीय तरीका नहीं है। यूट्यूब नहीं चाहता कि आप ऐसा कर रहे हों, और शायद यह उनके TOS के खिलाफ है। किसी भी मामले में, वह यूआरएल शायद नियमित रूप से बदल जाएगा, चाहे वाईटी अपने बुनियादी ढांचे को समायोजित करे या वे लोगों को वीडियो फ़ाइलों तक सीधे पहुंचने से रोकने के लिए अपने रास्ते से बाहर निकलें।

हालांकि, अगर आप वीडियो टैग का उपयोग कर रहे थे तो बस कुछ भी करने में सक्षम होने के लिए आप कुछ कदम उठा सकते हैं। शुरू करने के लिए, आप एम्बेड करने के लिए "html5 = 1" संकेत जोड़ सकते हैं, जो फ्लैश के बजाय HTML5 वीडियो का उपयोग करने के लिए यूट्यूब को बताएगा (यह आमतौर पर अनुपालन करता है, लेकिन हमेशा नहीं)। वीडियो एक iframe में होगा, लेकिन आपको लगता है कि iframe पर सभी सामान्य सीएसएस चाल लागू कर सकते हैं - अस्पष्टता, रूपांतरण, आदि

आप यूट्यूब एपीआई का उपयोग कर रहे हैं, playerVars को html5: 1 जोड़ें। आप सिर्फ एक सीधी iframe एम्बेड कर रहे हैं, इसे इस तरह क्वेरी स्ट्रिंग में जोड़ें: http://www.youtube.com/embed/okqEVeNqBhc?html5=1

अब, अगर आप एक कदम आगे जाना चाहते हैं, Popcorn.js अब यूट्यूब एपीआई के लिए एक गंधा wrapper object है एक यूट्यूब बनायेगा (उनके पास Vimeo के लिए भी एक है) वीडियो एक HTMLVideoElement की तरह व्यवहार करता है, जिसमें अधिकांश गुण, विधियां और घटनाएं होती हैं। यह सही नहीं है, लेकिन यह बहुत अच्छा है।

नोट: उस फ़ाइल का आधिकारिक स्रोत mozilla/popcorn-js रेपो पर है, लेकिन this one वर्तमान में बग फिक्स और सुविधाओं के साथ आगे है। आपको उस रेपो से Popcorn.js और wrappers/common/popcorn._MediaElementProto.js का नवीनतम संस्करण शामिल करने की आवश्यकता है। जब आप src सेट करते हैं तो सुनिश्चित करें कि आप &html5=1 को वाईटी यूआरएल में जोड़ दें।

मतभेद आप ध्यान देंगे कर रहे हैं:

• आवरण के साथ भी, एचटीएमएल 5 वीडियो एपीआई सिर्फ एक छोटा सा YT एपीआई की तुलना में बेहतर प्रदर्शन करती है। उदाहरण के लिए, बफरिंग की अधिक प्रतिक्रियाशील और बेहतर रिपोर्टिंग।

• आप निचले दाएं कोने में YouTube आइकन से छुटकारा नहीं पा सकते हैं जो रोक या माउसओवर पर दिखाई देता है।

• आप YouTube को विज्ञापन दिखाने से नहीं रोक सकते हैं।

• आप ऑडियो एपीआई और कैनवास/वेबगल ड्राइंग जैसी चीजों के लिए वास्तविक वीडियो/ऑडियो सामग्री तक नहीं पहुंच सकते हैं। लेकिन आप क्रॉस-मूल प्रतिबंधों के कारण वैसे भी ऐसा नहीं कर सके।