- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
Nope, still not working.
Plus thats not a thumbnail
I already linked my codepen but here it is again
http://codepen.io/S7ylin/pen/BGIzp
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>
So does that mean whenever I put the website online the youtube will be viewable on the webpage?
Senff not Sneff