Videos are one of the prominent part of your blog posts as the reader can watch the live implementation of the guide or information you write up. Having said that the images sound good than only the text tutorials and a video can sound thousand times more than the images. So, if you want to distinguish things to your readers, you would like to create a video screen-cast for your tutorial and place that in your webpage.
But keeping your video files in your own server is not a good idea as it takes lot of spaces and bandwidths which can be costly. But YouTube is a video sharing site where you can upload you files and embed that video link in your website or blog. YouTube provides a unique embedding code for your videos to place it at any where in your webpage.
Embedding the video in your page is too simple to say. But in some situation, you might have wanted to tweak the embedded videos according to your need. Here is some tweaks for embedding YouTube videos into your blog posts.
Embed YouTube videos without the YouTube logo
Whenever you embed a YouTube video, you will view a logo of YouTube is placed with the video. Don’t like to show that logo in your own creation? YouTube has recently upgraded their video embedding policy and allows you to remove the YouTube logo from the video in your web pages.
Simply, pasting the grabbed code from the YouTube site will show the YouTube logo. But if you want to remove that code from the video preview at your page, add ?modestbranding=1 at the end of video source URL for iFrame version and ?version=3&rel=0&modestbranding=1 for the object version.
For iFrame version
<iframe width="480" height="320" src="//www.youtube.com/embed/xyz?modestbranding=1" frameborder="0" allowfullscreen> </iframe>
For object version
<object width="600" height="360"><param name="movie" value="http://www.youtube.com/v/xyz?version=3&rel=0&modestbranding=1" /> <param name="allowFullScreen" value="true"/> <param name="allowscriptaccess" value="always" /> <embed type="application/x-shockwave-flash" width="600" height="360" src="//www.youtube.com/v/xyz?version=3&rel=0&modestbranding=1" allowfullscreen="true" allowscriptaccess="always"> </embed></object>
Here is the example of a YouTube video without the logo:
If you are having any problem to make your YouTube video logo-less, do share with us.
Embed only the audio part of a YouTube video
In some situation you might have wanted to embed only the audio part of a YouTube video. Some standpoints may be that you want to embed only the audio sound from a music video or want to place some interview or discussion section that does not require the video portion or you do not have enough space in your webpage to embed the full video section.
In such a case you can tweak the embedding code to include only the audio part of a YouTube video. Here is how to proceed.
All you have to do is go to the video page in YouTube and grab the video id from the URL section. See the example below:
Now replace the *** with that id in the following piece of code.
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/***?fs=1&hl=en_US&rel=0?> </param><param name="allowFullScreen” value="false"></param> <param name="allowscriptaccess" value="always"></param> <embed src="//www.youtube.com/v/***?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="false" width="425" height="25"></embed></object>
Note that the WordPress handles the ” sign in a typical way. So if you are having any problem when using the above code in your page, just replace the “ codes from your keyboard.
Here, we have embed the audio only from the video Longest lunar eclipse in hundred years from YouTube:
How to link or embed a YouTube video starting from a specific time
Some time watching the YouTube videos from the starting is too boring for the introduction part. Suppose, you are watching an interesting video of Football world cup and want to jump at the 3rd minute after the game starts. In order to jump at the specific time, use the following URL format:
http://www.youtube.com/watch?v=HYysVzVcY2U#t3m20s
In the above URL, just replace the video id with your own to start that video after 3 minute 20 seconds.
How to link a YouTube video starting from a specific time
In some case, you may want to link only the interesting part of a video to share with your friends. In that scenario, you can use the following trick to share the video link starting from the interesting session.
You might be wondering how is that possible. OK!! Start the video at the YouTube page and right click on any where on the video screen. Now select “Copy Video URL at current time”.
This will copy the URL of the video starting from that current time to the clipboard. That’s all. You can now paste that link to share with your friends or use to link any word or phrase at your blog page. Whenever the link will be clicked, the video will start from that time while you grabbed the URL.
Note: YouTube allows you to start videos from a specific time but there is no way to specify a ending point of the video. This prevents from sharing or linking any intermediate portion of a video from YouTube.
Embed a YouTube video starting from a specific time
In order to embed a YouTube video starting from a specific time, use the following code, replacing the xxx with your video id and the time with your own choice.
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/xxx&hl=en&fs=1&start=25" /> <param name="allowFullScreen" value="true" /><embed type="”application/x-shockwave-flash"" width="425" height="344" src="//www.youtube.com/v/xxx&hl=en&fs=1&start=25" allowfullscreen="true"></embed></object>
As for example, the following video plays after 25 seconds from the starting point.
You can get more knowledge on embedding YouTube videos from here. If you have any question, drop it at the comment section.
It would be awesome if you could publish this as an ebook. The post has so much information.
I try using the start time code for my website but it did not work the video starts from the start when the code ask to start @ #t=2m19s
Tanmay, you would think this type of ACCURATE info would be all over the place. Not so. I spent at least 2 hours trying to find the right way to make a YT video starting point and nothing worked. Obviously YT has changes some things and the older methods do not work. I was so happy to find your simple instructions and bang, it worked right away. Thanks!
Frank
Hi, very nice post you’ve made. Thanks! However, I have a question: How can we embed a video from YouTube without the audio? I am using YouTube videos as backgrounds on a project and it should not have Audio. Thank you!
We have published the answer of your question. Please do visit our home page to get your answer. Cheers!