TechTipsApp

Technology tips blog

  • Articles
    Categories
    • Tech news
    • Internet
    • Social Network
    • Google
    • Geeky Tips
    • Android
    • Windows 10
    Top Posts
    • Install Windows XP from USB
    • Install Windows 7 from USB
    • Open Facebook When It's Blocked
    • Partition Hard Drive Without Formatting
    • Reset Windows 7 Password
    • About
    • Contact
    • Privacy policy
    • Advertise
    • Terms of Conduct & Copyright Policy

The Ultimate Guide To Embed YouTube Videos in A Web Page

Tanmay Internet Leave a Comment

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.

How to remove the YouTube logo from the video when embeddingTo embed a video in your blog posts or website pages, at first you have to upload the video in YouTube and then you can grab the code as either the iFrame version or the object version to paste at your source 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&amp;hl=en_US&amp;rel=0?>
</param><param name="allowFullScreen” value="false"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="//www.youtube.com/v/***?fs=1&amp;hl=en_US&amp;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&quot;"
 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.

Post Tags: Video, YouTube
Similar Articles from This Blog
Top Social Media Platforms You Should Always Know About
Top Social Media Platforms You Should Always Know About
How to Hide YouTube Comments on Mozilla Firefox and Chrome
How to Hide YouTube Comments on Mozilla Firefox and Chrome
7 Best Free Video Trimmer Tools in 2016
7 Best Free Video Trimmer Tools in 2016
All You Need to Know About YouTube Kids for Andorid and iOS
All You Need to Know About YouTube Kids for Andorid and iOS
Understanding Captioning Subtitling and Translation Features of Vimeo
Understanding Captioning Subtitling and Translation Features of Vimeo
Send Self Destructing Video Messages with Skype Qik Video Messaging App
Send Self Destructing Video Messages with Skype Qik Video Messaging App

Comments

  1. Eddie Gear :

    It would be awesome if you could publish this as an ebook. The post has so much information.

    Reply
  2. Hiatuz :

    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

    Reply
  3. Brandtastic :

    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

    Reply
  4. Wilame Lima :

    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!

    Reply
    • Tanmay :

      We have published the answer of your question. Please do visit our home page to get your answer. Cheers!

      Reply

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

About Us

Tech Tips App is a technology blog, looking forward to broaden the mental horizons of technical geeks round the web. Striving hard to quench your technical thirst, we have put our best efforts on the line of exhaust to satisfy your versatile technical vocabulary.

Recently Published

  1. Partitioning Hard Drive in Windows 7 Without Formatting
  2. How to Find My Contacts on Google Map
  3. Introducing SMS Organizer by Microsoft is the Best SMS App
  4. How to Fix Windows Update When It Gets Stuck
  5. How to Get Rid of Windows 10 Automatic Repair Loop [Solved]
  6. Best Antivirus for Windows 10 (Is Windows Defender Good Enough?)
  7. Best Facebook Messenger Bots to Get more out of Messenger
  8. How to Fax a Document From Your Smartphone
  9. Top Social Media Platforms You Should Always Know About
  10. Bitcoin vs Altcoin: Where to Invest? – Guide For Dummies

© 2021 Tech Tips App All Rights Reserved  Post Sitemap