Youtube Video Embedding - Displaying None

I am working with this page here: http://www.kineticoriginsofrhythm.com/

and I can't seem to get the video to show up. I think I am missing a step.

The Video Shows开发者_JAVA技巧 up Here but not on index splash JS. http://www.kineticoriginsofrhythm.com/splash.asp

Im using this Tech: http://jsfiddle.net/JjvzT/

Anyone know?

Thanks Very Much, James

---

I'm assuming you're suppose to have some sort of video on the "splash" page?

I've looked over your code and you have zero videos being embedded in your HTML. All I see is this: <div id="video"></div>.

YouTube will generate the code you need. You should just copy/paste the embed code they generate for you in that location.

Long story short, you have no video showing up on your site because there's no video on your site. If you're working with some sort of website form where you insert HTML code, it's possible that tool might be stripping out your code.

---

Here's some extra help.

Your splash HTML is:

<div id="splash" class="videosplash">
    <div id="homeButton"><a href="index.asp">Kinetic Origins of Rhythm Home Page</a></div>
    <div id="video"></div>
    <div class="clearfix"></div>
    <span><div id="enter"><a href="#">Enter KOR</a></div></span>
</div>

You've only got one video on your YouTube account so I'll assume you want that video to be linked. Go to that video's page and click on the "embed" link to get the embed code. Here it is for simplicity:

<iframe title="YouTube video player" width="853" height="510" src="http://www.youtube.com/embed/H53rvFBqToA?rel=0" frameborder="0" allowfullscreen</iframe>

You can probably play with the "width" and "height" attributes in the iframe tag to get it to fit the way you want it to on your page. But you bascially want to copy/paste that "iframe" code into your "div" tag with the "video" id.

Cheers!

---

Not sure how you're trying to load that, but I always try and implement youtube videos with swfobject. Seems to fix cross-compatibility errors/etc.

---

You are missing you video id from your link. You have just specified a link to your channel and not included an id. Your link should look some like:

http://www.youtube.com/v/ZcEP3zVdYiM

Here is how I implement it:

<object width="534" height="318">
    <param name="WMode" value="transparent"></param>
    <param name="movie" value="http://www.youtube.com/v/ZcEP3zVdYiM"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/ZcEP3zVdYiM&hl=en_GB&fs=1&" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="534" height="318"></embed>
</object>

You can literally copy and paste the above code into your site and all you'll need to do is change the video links. And the width/height if they aren't the same size :o)