Search code examples
htmlcssyoutubeembedding

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 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

Solution

  • 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!