Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Youtube Embed not showing up

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #177438
    S7ylin
    Participant

    Im trying to make a thumbnail of a youtube video under “Media”. I tried embed and iframe but neither work, was wondering if someone could take a look at it and see what’s going wrong.
    This is the video I’ve been trying to put up,https://www.youtube.com/watch?v=6v7W513Wj3g

    and heres my code pen: http://codepen.io/S7ylin/pen/BGIzp

    #177523
    S7ylin
    Participant

    Nope, still not working.
    Plus thats not a thumbnail

    #177565
    S7ylin
    Participant

    I already linked my codepen but here it is again
    http://codepen.io/S7ylin/pen/BGIzp

    #177571
    Senff
    Participant

    I see the video embedded in your pen, but the question is — do you want to show a thumbnail or an embedded video?

    To show a YouTube video’s thumbnail on your page, use any of these:
    <img src="http://img.youtube.com/vi/6v7W513Wj3g/0.jpg">
    <img src="http://img.youtube.com/vi/6v7W513Wj3g/1.jpg">
    <img src="http://img.youtube.com/vi/6v7W513Wj3g/2.jpg">
    <img src="http://img.youtube.com/vi/6v7W513Wj3g/3.jpg">

    To show a YouTube video itself on your page, use this:

    <iframe width="200" height="100" src="//www.youtube.com/embed/6v7W513Wj3g" frameborder="0"></iframe>
    

    Note though, that this embed code will NOT work when you run your page straight from your hard drive (and not through a webserver). Because it will then not use http or https, it will not know how to get the YouTube video, so you’ll have to use this:

    <iframe width="200" height="100" src="http://www.youtube.com/embed/6v7W513Wj3g" frameborder="0"></iframe>
    
    #177579
    S7ylin
    Participant

    So does that mean whenever I put the website online the youtube will be viewable on the webpage?

    #177594
    Senff
    Participant

    Senff not Sneff

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.