आईपैड पर यूट्यूब एम्बेड: जावास्क्रिप्ट एपीआई

Question

के माध्यम से शुरू होने पर हमेशा के लिए बफर, मुझे काम करने के लिए YouTube एम्बेड करने में कुछ समस्याएं आ रही हैं।

मैं वीडियो लोड करने के लिए यूट्यूब एपीआई का उपयोग कर रहा हूं। लोड किए गए वीडियो के शीर्ष पर मेरे पास केवल एक प्ले बटन (<img>) के साथ कस्टम नियंत्रण <div> (पारदर्शी) है। यह साइट पर शेष डिज़ाइन के साथ चलने वाले प्ले बटन के पीछे डिफ़ॉल्ट YouTube प्लेयर को छिपाने के लिए किया जाता है।

<div> पूरे लोड iFrame overlays है, इसलिए खिलाड़ी ही क्लिक करने योग्य नहीं है - मैं <div> पर एक क्लिक घटना का उपयोग करने के बजाय वीडियो शुरू करने के लिए: iPhone पर

// Inside onYouTubePlayerAPIReady(): 
var player = new YT.Player(playerId, { 
    height: height, 
    width: '100%', 
    videoId: videoId, 
    playerVars: { 
    html5: '1', 
    controls: '0', 
    rel: '0', 
    showinfo: '0', 
    modestbranding: '1', 
    theme: 'light', 
    color: 'white', 
    wmode: 'transparent', 
    suggestedQuality: "large" 
    } 
}); 

$(".youtube-player-controls").bind("click", function(e){ 
    if (!player || !player.getPlayerState) return false; 
    if (player.getPlayerState() == YT.PlayerState.PLAYING) player.pauseVideo(); 
    else player.playVideo(); 
    return false; 
}); 

वर्क्स ठीक है, लेकिन आईपैड (पर और एंड्रॉइड भी ऐसा लगता है) वीडियो वीडियो के पहले फ्रेम पर स्विच करता है, लेकिन फिर बफरिंग स्थिति पर स्टाल करता है (player.getPlayerState() के माध्यम से चेक किया गया)।

मैंने player.loadVideoById() के साथ वीडियो शुरू करने का प्रयास किया जो या तो (समान त्रुटि) काम नहीं करता है।

यदि मैं ओवरलेइंग नियंत्रण <div> हटाता हूं और इस प्रकार उपयोगकर्ता को वास्तव में वीडियो पर क्लिक करने की अनुमति देता है तो यह ठीक काम करता है।

जावास्क्रिप्ट एपीआई का उपयोग करके मैं वीडियो को कैसे चलाने के लिए कोई सुझाव दे सकता हूं?

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

मैं एम्बेड कोड एक छोटा सा बदल गया है, अर्थात मैं Force HTML5 youtube video में वर्णित के रूप html5=1 गयी। यह एचटीएमएल 5 प्लेयर का उपयोग करने के लिए एम्बेडेड आईफ्रेम की सामग्री को बदलता है, लेकिन समस्या का समाधान नहीं करता है।

मैंने यह देखने की कोशिश की कि यह http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html में वर्णित अनुसार काम कर सकता है या नहीं।

Answer 1

ऐप्पल आईओएस पर स्क्रिप्ट के माध्यम से टैग को लोड करने की अनुमति नहीं देता है (मोबाइल नेटवर्क पर अनावश्यक बैंडविड्थ का उपयोग रोकने से रोकने के लिए)। एंड्रॉइड के कई संस्करण एक ही व्यवहार दिखाते हैं।

आपको उपयोगकर्ता को पहले वीडियो पर क्लिक करके वीडियो शुरू करना होगा - इसके बाद आप एपीआई के माध्यम से डेस्कटॉप डिवाइस पर वीडियो को नियंत्रित करने में सक्षम होंगे।

Answer 2

वर्तमान में हम प्लेयर में भेजने से पहले सिर्फ एक जांच कर रहे हैं .playVideo(); समारोह। यह आदर्श नहीं है लेकिन यह तब तक काम करता है जब तक कि हम Google से बेहतर API स्तर तय नहीं करते। आप का उपयोग क्लिक समारोह में फिर

var isiPad = navigator.userAgent.match(/iPad/i) != null; 

:

एम्बेड स्क्रिप्ट के शीर्ष पर आप अपने वर सेट

if (!isiPad) { 
player.playVideo(); 
}