I am very ignorant in this area. I wanted to embed a video in my website. I just went on w3schools and copy-pasted the example code.
<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Why does the video than not show in the website? I am using Google Chrome.
EDIT:
The problem was that I was using the real youtube address instead the URL for embedding.
it's actually works perfectly, checkout the other code, may be the iframe is hidden by any other controls
Related
I used the default YouTube iFrame for my website. My users have said that upon entering the web app, it redirects them to youtube. I find this annoying for me and for my users.
Is there any way I can stop this from happening?
Here is the code that is causing the YouTube app to open:
<iframe width="560" height="315" src="https://www.youtube.com/embed/wCtedSNYBLc?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
The site this is on can be found here.
You can use "playsinline" parameter to play the video inline instead.
<center>
<iframe width="420" height="315" src="//www.youtube.com/embed/BrI7VRfqgo4" frameborder="0" allowfullscreen></iframe>
I know its been posted around, but nothing's been working for me at the moment. I have HTML website and trying to put the html video youtube embed code, but its not working for me.
My site is online, very simple html.. And it has http in the video embed code as well..
I tried a lot, but cant get it working in any way.
Regards
You have to enable embedding first before the embed code will work from other websites.
Log in to https://www.youtube.com/my_videos?o=U
Click Edit on the video you want to embed
Click on Advanced Settings in the tab below
Click Allow Embedding to enable it under the Distribution options section.
Click Save Changes to save the new configuration.
Now your embed link is ready to be embedded on other websites!
<p align="left">
<object height="385" width="640">
<embed src="http://www.youtube.com/v/LsEU_93SC4c&rel=0?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="640">
</object>
</p>
Change the third line to your video number/name.
I don'tknow it it can be of any help.
I needed just the audio, so I changed height to "0" and width to"0" and it works on IE and Firefox.
It doesn't work with Chrome and Opera.
Here the simple link.
Just insert it as it is. I inserted it at the bottom of the page before
or go to my age and see if how it works:
https://www.carniaexpress.com/friuli-per-gruppi/raduno-alpini-triveneto-tolmezzo
If you wish to see the video just change height and width...
I have the following video iFrame embed code on a page on my website (mywebsite.com/page2) - it plays a video that is hosted on an external site (http://wistia.com). I want to be able to send email clients a link to my video on my page (mywebsite.com/page2/mywebsitevideolink) - not a link to the external website, a link that opens up mywebsite.com/page2 and displays the video on my page that you would have to scroll down to see and starts playing it. How can this be accomplished? Thanks.
<p class="rtecenter"><iframe allowfullscreen=""
allowtransparency="true" class="wistia_embed" frameborder="0"
height="480" mozallowfullscreen="" msallowfullscreen=""
name="wistia_embed" oallowfullscreen="" scrolling="no"
src="//fast.wistia.net/embed/iframe/myvideo" webkitallowfullscreen=""
width="640"></iframe></p> "
Modify your p tag to <p class="rtecenter" id="video">and then your link is http://mywebsite.com/page2#video
Hope that this'll help you.
You can also set up a file which displays when you type /page2/mywebsitevideolink and redirects to /page2#video
If you want to link to a certain part of your page, just use an anchor link.
<div name="videopart">
VIDEO HERE
</div>
And for the link: http://yoursite.com/video.html#videopart
And for the player to autoplay, if you are using your video hosting's player, look in teir documentation for how to autoplay. If your just using the html tag, and the word autoplay in the beginning tag.
I've checked all the questions and answers in stackoverflow but I can solve my problem.
I'm trying to embed a youtube video in my website(on desktop, static) but it only shows me the video that is in the w3cschool example or doesn't show me anything(not even a blank box).
This is my code but for some reason it's not showing the video I choose on Youtube and yes I did use the embedded code from youtube.
<iframe width="300" height="300" src="//www.youtube.com/embed/yiboIS-f27Q?rel=0?html5=1" frameborder="0" allowfullscreen></iframe>
Does anyone know why?
Found the solution.
I just had to add http: in front of // in the youtube url.
Answer found from the answer of Nick R in the question
Youtube embeded video not working in all my browsers: FireFox, IE and Chrome
i've been working on a toolbar at the top of my sample website:
http://theplagueround.com/dev/
but it gets hidden behind any youtube video content. i've seen a post or two about adding parameters to the tag, but youtube is also using iframes now so that doesn't apply.
You may want to try my plugin for Youtube (4000+ downloads so far): Youtube shortcode
No design issues have been reported.
To have a Youtube video appear behind your toolbar, you should add the parameter wmode=transparent to the end of the URL.
So change this:
<iframe width="425" height="349"
src="http://www.youtube.com/embed/H1Opn4DS88k"
frameborder="0" allowfullscreen></iframe>
to this:
<iframe width="425" height="349"
src="http://www.youtube.com/embed/H1Opn4DS88k?wmode=transparent"
frameborder="0" allowfullscreen></iframe>
More here:
http://www.brandondawson.org/web-design/new-youtube-iframe-embed-code-wmodetransparent
If you don't want to hardcode the HTML into your posts, you should use a plugin like the one provided by #Tubal Martin. This has the advantage that if Youtube update their embed code in the future, you should only need to upgrade the plugin to the latest version.