I can't seem to embed anything on my website. At first I thought it was just the YouTube embed but then I tested another webpage and it didn't work either. The errors I get seem to change at random. You can see all the different errors if you open the inspect panel.
Screenshot
https://blendertimer.com
Here's the code for the embed. (though I've tried multiple different code variations, none of which worked)
<iframe style="aspect-ratio: 16 / 9" width="100%" src="https://www.youtube.com/embed/jxU3c0Gjboo" id="latest-video-video"></iframe>
Any ideas?
I've done some looking around, but can't seem to find a solution to this problem.
For Youtube, you need to log-in to your account then watch a video.
Click on share and select embed.
You will then have the right code for your iframe.
Just paste the code in your html.
For some videos you must click on "watch on Youtube".
Related
So basically I recently made a video for a assignment and I copied the embedded code from You tube and pasted it in Brackets.io and after I clicked save and then pressed live preview it didn't work and when I went to the website that shows you the many reasons why live preview won't work one of those reasons was
"Bug #7935: Live CSS does not update if page contains an iframe (including injected iframes such as ads or social media buttons)."
So how do I fix this?
If Anyone knows please reply back to me!
I suppose you use for embedding a video a kind of code like this:
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
I usually use this for holding videos in my webs, so if this still gives you problems, you should use another editor, maybe Visual Studio Code and install an extension call Live Server by Ritwick Dey, which does the same as Bracket's Live Preview.
I've read a couple of documents (google searches) in working around Picture-in-Picture (PiP). It really says it is available only for video elements. (See reference: https://w3c.github.io/picture-in-picture)
Also looked into the code of PiP extension created by chrome
You can see from the code here that it finds the "largest" video element.
My question is, how did they make it work in YouTube embedded videos? It is inside an iframe, right?
I tried this approach in order to get the video inside the iframe. It will not work because of cross origin policy and it is clear that this is not the approach they used in the extension.
Someone know what's behind all this or someone else experiencing the same?
I am developing a webpage for a client, and they want to have their Facebook feed in a sidebar. I was happy to find out that it is very easy to embed a Facebook feed, but was unhappy to see that it doesn't seem to work.
After really scratching my head on the issue, I decided "hey, maybe it just isn't working in Firefox", so I factored down to the least common denominator and fired up IE - sure enough, it shows up with no issue in IE. Here is a screenshot of the difference:
http://i.imgur.com/WQ9br1A.png
To make matters a little more strange, this isn't a universal issue in Firefox for me. iframes are showing up great everywhere else. The W3Schools test page, for instance, shows up fine... unless I'm using the Facebook code. For those unfamiliar with it, Facebook provides automatically generated code for feed embeds, and it is as follows:
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
I suspect since this is the only frame that is giving me issues, there's something wrong with Facebook's code, but it strikes me as odd that a web giant such as Facebook would provide developers with faulty code that was untested on a popular web browser.
Is there something wrong with Facebook's code? My Firefox? Help much appreciated.
I am having a stange behaviour with Vimeo, and I don't get what's going on...
I uploaded a couple videos, using a "plus" account". Everything worked out fine. BUT... Then I wanted to embed the videos in another website. Using the official "Iframe" method. And all I get on page load, is a black screen, instead of the video thumbnail... When I start playing the video, it works, but on load, all I get is that black screen.... It is like that visibly on browsers using the flash version (FF & IE) but I do get the good thumb on non-flash players (like chrome).
Am I doing something wrong ? What's even more strange, is that if I take any other video, not mine, and embed, it works perfectly, I get the thumb.
My video, Embedded : http://www.unpeuplusnet.fr/embed.html
Thanks for any possible help, my website should go live tomorrow !!
Bruno
Edit : I just tried using the old Flash embed version, it does not work any better...
http://www.unpeuplusnet.fr/embed2.html
Sorry, it was a bug on our end. Should be working fine now. I'd recommend keeping the iframe embed.
I want to include a few youtube link on my webpage...Can anyone help me with this? I am relly new to this and i have no idea about the formats or things like these....Could you explain me what should I use and how to embed it between my html code?
Thank you very much
Just:
Visit video's page
Click the Share button
Click the Embed button
Copy/paste the code
Some videos are set to not be embeddable.
Try googling for "embed youtube video html". There's only 11.6 Million results, but you should be able to find something there.
YouTube on Your Site
Just below the video in the youtube page there is a button named "Share".
Clicking that will expand the sharing box. Just click share and you will get an iframe which you can just copy and paste in your websites html.
you may find these youtube search results helpful