Learning how to embed YouTube videos into HTML code can help you satisfy your need to show video material without fancy page builders or plugins. There is only a copy, a paste; dark magic does not exist here based on common sense. Throw your selected video and see how your site comes alive.
First stop: YouTube itself. Find that video you want to add to your site. Below the player, look for the “Share” button nothing fancy, just sitting next to the thumbs up. Click it and then choose “Embed.” Like clockwork, YouTube spits out a chunk of HTML. And there’s your ticket: something that looks a bit like <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/VIDEO_ID” frameborder=”0″ allowfullscreen></iframe>. Don’t let your eyes glaze over at the brackets—it’s friendlier than it looks.
Make use of that complete iframe copy. See your HTML file or the HTML section of your blog editor (note this will NOT function in the rich text editor; you need the code view). Paste the iframe code just where you want the video to show. Save or change; then, clear your page. Voilà, you have just “by hand” embedded a YouTube video. Not necessarily a secret society or handshake.
Want to adjust the video size? Tweak the width and height values in that tag. Too big? Too small? Play with the numbers. For example, width=”400″ and height=”225″ will shrink that video. Prefer your site to work on phones? Use width=”100%” and delete the height property your video will stretch automatically to match screen sizes, like a cat finding the coziest part of the couch.
Unless you need more customized access, there is no reason to complicate with other tools. Embedding YouTube this method preserves future-proof design, simplicity, and light weight. After you have done it, it comes naturally a few times. Your videos, your style, all with only a basic copy and paste, there is no more stumbling in the dark.