मेरे पास एक यूट्यूब प्लेयर है जो यूट्यूब एपीआई का उपयोग कर एक वीडियो चलाता है, समस्या यह है कि यह किसी दूसरे पेज पर रीडायरेक्ट करता है और फिर वीडियो चलाता है।
मैं एक छवि के क्लिक पर उसी पृष्ठ पर प्लेयर पॉप-आउट कैसे बना सकता हूं और फिर वीडियो चला सकता हूं?
<a href="play/"><img src="/images/image" alt="button-img" /></a>
//play is the route where YouTube player component is present.
उत्तर:
उत्तर № 1 के लिए 1आप एक क्लिक इवेंट बना सकते हैं और जिस स्थान पर आप चाहते हैं उस यूट्यूब वीडियो के आईफ्रेम डालें। यहां आपके पास एक उदाहरण है ...
एचटीएमएल:
<a href="#" id="showvideo">Show Video</a>
<div id="test"></div>
jQuery:
$("a#showvideo").click(function(e) {
e.preventDefault();
$("div#test").html("<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/aS3DPglji0o?rel=0" frameborder="0" allowfullscreen></iframe>");
});