Ours is particularly useful for newbie users who want to customize how their embedded video looks - without having to read lines of code or research the topic further.
Then from the box that appears, copy the HTML code.īear in mind that YouTube videos (or any video in particular from places like Vimeo) will be much easier to add to your website if you use our free generator tool rather than a plugin like this for WordPress.In your browser, go to the YouTube video that you want to embed.It really depends on what you are doing and your visitor-type. With that said, you might not want to enable AUTOPLAY for your videos as some customers find this irritating. Given that the majority of internet users in the first world have broadband nowadays, adding a few YouTube videos will not even use up much of their bandwidth. It's easy to setup a webpage or blog but the difficult part is attracting visitors to your dynamic content - and adding at least one YouTube video will help you on that journey to attract mega visitors! It's important to make your website look attractive otherwise your customers will get bored and your bounce ratio will increase. ‘mute=1’ means that the video will play on mute.Simply copy the code above by pressing Ctrl + C and paste it into your website by pressing Ctrl + v. If you are using the autoplay or loop parameter, you might want to consider adding the mute parameter as well because an automatically starting or never-ending video can annoy your visitor and cause them to leave your website prematurely. Adding ‘autoplay=1’ to the embed code will make the video play automatically. You can make an embedded video start to play automatically on your webpage by using the autoplay parameter. ‘loop=1’ means the video will loop, whereas ‘loop=0’ means the video will only play once, which is also the default mode. If you want to play your video on loop forever, you have to use the loop parameter. Add ‘modestbranding=1’ to the iframe code to remove branding. In this case, you can hide the logo and branded play button present in Youtube videos. The modestbranding parameter is responsible for showing any type of branding. ‘controls=1’ means player controls display 2. ‘controls=0’ means player controls do not display YouTube Controls Parameterīy using the YouTube controls parameter, you can either hide the controls at the bottom of the video or let it stay. Here we gathered some useful parameters you might want to make use of. You can still add some more features if you tinker a little bit with the embed code by adding additional parameters. YouTube offers some options to customize the video playing experience. So, for example, if you want your video to be under the title “How to Embed Tutorial,” your code will look something like this: Everything you have displayed on the page is also written in the code. Find where you want to put your video in the HTML page.
Websites are built with HTML codes, and the YouTube embed code is designed to fit into this code so that the video is shown without any changes.
How to Insert a Video in HTML Using the Embed Code?įollow these steps to embed videos in your webpage: