Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

combine with colorbox

Hi Dears,

i have a problem when trying to show a video in a colorbox popup window.

i embeded jw player script as an "inline" in colorbox but it does not work.

can you give me a guide to do this.


thanks a lot,,,

7 Community Answers

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Do you have a link?

Up Down

JW Player

User  
0 rated :

i am sorry for late :$,,



yah, i have a test link of my page, you can see my work at
http://jwplayer.somee.com/testvideo.aspx

thanks in advance..

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

I got it working, you just didn’t close the initial jwplayer <div>

Use this code, it works:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title><link href="http://jwplayer.somee.com/colorbox.css" rel="Stylesheet" type="text/css" />
    <script src="http://jwplayer.somee.com/Scripts/jquery-min.js" type="text/javascript"></script>
    <script src="http://jwplayer.somee.com/Scripts/jwplayer.js" type="text/javascript"></script>
    <script src="http://jwplayer.somee.com/Scripts/jquery.colorbox-min.js" type="text/javascript"></script>
    

    <script type="text/javascript">
        $(document).ready(function () {
            //Examples of how to assign the ColorBox event to elements
            $(".inline").colorbox({ inline: true});

        });

        
		</script>
</head>
<body>
    <form method="post" action="testvideo.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTIwNjAyODU4M2Rkjh8ozzJesJfLVuEytc3GvB2IzNO5xvNfYYPSjKbTzvs=" />
</div>

    <div style="height:400px; text-align:center; vertical-align:middle; line-height:400px;">
    
    <p><a class='inline' href="#inline_content">CLICK HERE</a></p>
    <div style='display:none'>
			<div id='inline_content' style='padding:10px; background:#fff;'>
			<div id='my-video'></div>
                            </div>
                            <script type='text/javascript'>
                                jwplayer('my-video').setup({
                                    file: 'http://www.youtube.com/watch?v=g-5vbZcOaCw',
                                    width: '300',
                                    height: '286'
                                });
                            </script>
			</div>
		</div>
    </div>
    </form>
</body>
</html>
<!--SCRIPT GENERATED BY SERVER! PLEASE REMOVE-->
<center><a href="http://somee.com">Web hosting by Somee.com</a></center>
</textarea></xml></script></noframes></noscript></object></layer></style></title></applet>
<script language="JavaScript" src="http://ads.mgmt.somee.com/serveimages/ad2/WholeInsert4.js"></script>
<!--SCRIPT GENERATED BY SERVER! PLEASE REMOVE-->

Up Down

JW Player

User  
0 rated :

thanks Mr. Ethan

it works very well,,

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Np :)

Up Down

JW Player

User  
0 rated :

I need it in slider.Could you please help me?

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Link?

This question has received the maximum number of answers.