Avatar of Melody Scott
Melody Scott
Flag for United States of America asked on

Youtube video on site without embedding

Hi, My client wants this on his site: http://www.citicinemas.com/movies/958  click on ver trailer on the left.

So the youtube video opens in a pop up window, and it looks like it's not embedded. It's nice.

So questions are:
1. Am I right, is it not embedded?
2. Can I replicate this, and how?

Thanks for your help!
Web DevelopmentHTMLJavaScript

Avatar of undefined
Last Comment
Melody Scott

8/22/2022 - Mon
Melody Scott

ASKER
Hi, I have colorbox on this page now, I think it should work:
http://clinica-americas.com/video-test.html

I have colorbox.css linked properly, and jquery.colorbox.js is linked as well. I also have <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

I have the script in the header that they show on the demo page here: http://www.jacklmoore.com/colorbox/example1/

And I am using the exact link they show for youtube in the demo page:
<p><a class='youtube' href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a></p>

But it isn't working. I'll continue to work on it, to see what I am missing, but a little help would be great as well! Thanks.
dgrafx

I think you should use the YouTube version of MediaElement Player.
Visit this link to try out a demo: http://mediaelementjs.com/
Melody Scott

ASKER
Thanks, I'll try that. I'm also looking at fancybox.
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
Melody Scott

ASKER
That doesn't seem like a pop-up. I think I'll use fancybox. Thanks.
Melody Scott

ASKER
I've requested that this question be deleted for the following reason:

Hi, this was never really answered, I came up with my own answer
dgrafx

Of course mediaelement js isn't a popup !!!
So whatever you're thinking ???
Good luck with that ...
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
Melody Scott

ASKER
Well, that was what I had asked for, so your answer didn't help me. Thanks anyway.
Vaibhav Bagga

Hi

Might be you can execute this process via of Jquery. Use this following code, I hope it helps you to add the YouTube pop up window
Demo code:-
$(document).ready(function() {
    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
        disableOn: 720,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 180,
        preloader: false,

        fixedContentPos: false
    });
});

<a class="popup-youtube" href="http://www.youtube.com/watch?v=64+664kdsfkbc">Open YouTube video</a>
Melody Scott

ASKER
Thanks, Vaibhav, I will try that!
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
Melody Scott

ASKER
That isn't working, probably I am doing it wrong? http://clinica-americas.com/video-test3.html
ASKER CERTIFIED SOLUTION
Vaibhav Bagga

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Melody Scott

ASKER
Hi, thanks. it works, but doesn't solve my problem, as I need to not use embed code:

http://clinica-americas.com/videotest3.html

I appreciate your time, and I'll use this in other projects!
Melody Scott

ASKER
Great answer, didn't entirely solve the problem.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.