I want to embed a Youtube video on my website. I have tried the following code but it does show the video or any controllers:
<iframe width="400" height="300"
src="https://www.youtube.com/watch?v=z-QgsXkYqjc"
frameborder="1"
allowfullscreen></iframe>
Anyone know what I am doing wrong?
Much appreciated.
Change the src to this:
src="https://www.youtube.com/embed/z-QgsXkYqjc"
I am loading a web page inside an iframe. If I load the page without the iframe I using the same url it works as expected. However if the iframe loads the url it doesn't work. I have tried googling it and all I can seem to find is how to pass variables in to an iframe.
the url is
http://www.angry-android.com/chartTest.html?start=2014-05-01&end=2014-06-01
and the iframe code I am using is
<iframe scrolling="no" src="http://www.angry-android.com/chartTest.html?start=2014-05-01&end=2014-06-01" frameBorder="0" width=315 height=200 ></iframe>
Any assistance would be greatly appreciated.
SOLVED
Turns out it is a firefox bug. The code worked as expected in other browsers.
My apologies should have checked that before posting.
It seems to be working for me:
<iframe scrolling="no" src="http://www.angry-android.com/chartTest.html?start=2014-05-01&end=2014-06-01" frameBorder="0" width=315 height=200></iframe>
I want to show a youtube video in html 4. For that, I am using iframe. But the content of iframe is not showing.
<iframe frameborder="1" width="420" height="345" src="https://www.youtube.com/watch?v=C8kSrkz8Hz8"></iframe>
FYI: I am using Firefox 29.0 and Chrome 35.0. Both browsers are showing the same result.
Change your src with //www.youtube.com/embed/C8kSrkz8Hz8
your code shoud look like this
<iframe frameborder="1" width="420" height="345" src="//www.youtube.com/embed/C8kSrkz8Hz8"></iframe>
Find code under each video on youtoube at Share menu.
When you try to put the whole YouTube page into an iframe, it sends a HTTP header called X-Frame-Options with the SAMEORIGIN value, which tells the browser, that the page can only be displayed in a frame on the same origin as the page itself.
You should use the provided embed code (you can find it below every YouTube video), which is also an iframe, but with a different URL. It will only show the player.
In this case, the embed code would be:
<iframe width="560" height="315" src="//www.youtube.com/embed/C8kSrkz8Hz8" frameborder="0" allowfullscreen></iframe>
replace you Iframe with this one. this works for you.
<iframe width="640" height="390" src="//www.youtube.com/embed/C8kSrkz8Hz8" frameborder="0" allowfullscreen></iframe>
missing attributes are: frameborder="0", allowfullscreen
You should change the youtube URL to remove the "s" so it looks like this:
<iframe width="420" height="345" src="//www.youtube.com/embed/C8kSrkz8Hz8" frameborder="1" allowfullscreen></iframe>
You should also be able to embed a youtube video from the page. Please see the screenshot attached:
I tried it this way and worked for me. Changing your src="https://www.youtube.com/embed/C8kSrkz8Hz8"
following the other parameters.
Is there any way to embed video from this site? http://azdrama.net/watch-online-divas-in-distress-episode-01-21600.html
I tried to copy the link in view source mode, but the video address will be change after some period of time.
Appreciated if anyone could help.
<iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="665" height="460" src="http://azdrama.net/getvideo/embed.php?id=MTU2LDIxOCwyMTgsMjEzLDE2MywxNTYsOTksMTAwLDE2MiwxNTksMTU0LDE5OSwyMTcsMTQ4LDE2NywxNTIsMTUxLDE0NiwyMDEsMTYwLDE1OSwyMDIsMTU4LDE0OSw5OSwxOTYsMjEyLDE2MCw5NywxNjQsMTU0LDk3LDE2NCwyMDYsMjEzLDIxNywxNTksMTQ1LDE0OSwxMDQsMTQ5LDE1NywxMzgsMjA4LDE4MywxMTgsMTE5LDExOCwxNjUsMjA1LDE2NSwxNzEsMTQ1LDE1MSwxMzIsOTcsMTIzLDE0NiwyMTQsMTA2LDEwNCwxMzMsMTIxLDExOCwxMjcsMTc1LDIyNCwxNTEsMTY3LDIwMywxMzksMTY4LDE2NiwxNDMsMTA5LDIwMCwyMjMsMTQwLDE2OSwxMDQsMTAxLDE2MywyMDAsMTUwLDE0NSwyMTUsMTExLDE0OCwxNTgsMjExLDIwMiwxNTAsMTY2LDE2NCwxNTUsMTYwLDE1OQ==&w=665&h=435"></iframe>
I am working on a mySQL search engine for a website and One of the fields of the db is youtube links.
Now When information for that row is displayed the youtube link needs to be displayed as a video, not as a link.
How can I achieve this?
Thanks in advance!
There are many ways of doing it but the way presented to you when you check the embed code on YouTube itself is -
<iframe width="420" height="315" src="http://www.youtube.com/embed/{vid_id}" frameborder="0" allowfullscreen></iframe>