<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...
Related
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
The html box embed feature on google sites is great. Google provides a good example of how to build a 3-slide carousel with text or logos for content. However, I'm struggling with how to add youtube videos to the content.
I've tried putting this in the content section:
iframe width="420" height="315" src="https://www.youtube.com/embed/ski_4N0dfFI" frameborder="0" allowfullscreen>/iframe
but google sites complains that the src tag is not allowed here. I suspect this is some sort of security restriction.
Just try.
<object data="https://www.youtube.com/embed/ski_4N0dfFI">
Cannot load video.
</object>
Or
<embed src="https://www.youtube.com/embed/ski_4N0dfFI">
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 have made a page full of embed videos from youtube and vimeo. And the load time is horrific! It makes my laptop completely freeze until they have all been properly loaded.
I have seen in another article that the way to do it is to keep the object or video tag out of the HTML and then add it after page has loaded. I have since been trying to work out how to do this but no luck!
I have also seen on other websites that they have a loading gif behind the tag until the video is fully.
Any advice on how to do either of these or another method would be great!
some embed video code:
<iframe src="http://player.vimeo.com/video/57564747" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
I would suggest to load them only on demand.
Put a dummy picture where a video will be. If the picture is clicked, load the content via jQuery or JS.
<div id='video-anchor'>
<img id='dummy' src='http://b.vimeocdn.com/ts/403/127/403127670_960.jpg' alt='' />
</div>
$('#dummy').click(function() {
$('#video-anchor').html(
'<iframe src="http://player.vimeo.com/video/57564747"
width="500"
height="281"
frameborder="0"
webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
');
});
You can get the images that vimeo uses. They are set as background-image for the div.vimeo_holder.
An alternative approach is to make your page full of thumbnail image screenshots of your various videos. And when someone clicks on a specific screenshot image, activate a pop-up window that displays that specific video. This puts less stress on your load time, and you can do this for a lot of videos within a given page.
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.