Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Web services | Google Chrome | Get video embed code when there is no embed option
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Get video embed code when there is no embed option

Some videos don't have a sharing option with getting the video embed code for a blog, forum or any html site. Let me show you how to get the embed code anyway with the help of Chrome developer tools.

 
  Author: Spaceman | Version: 22.0 | 28th September 2012 |  
 
 
1.
 

Open the website with an embedded using the Chrome browser.

If you don't have Google Chrome you can download it
here.



 
 
2.
 

Click the Chrome Controls button (see picture) ...

 
 
3.
 

... in the drop drop-down menu, click Tools and choose Developer tools.

 
 
4.
 

Chrome Web Developers tools show up at the bottom of your window.

If you don't see much of the tools, click and hold the tools window ledge the same way I did ...

 
 
5.
 

... and drag it upwards to make the Developers tool window larger.

 
 
6.
 

Now click the element selection button (see picture).

 
 
7.
 

To click the video you want the embed code from.

 
 
8.
 

In the Developers tools window bellow a part of the website code becomes selected. This is the html embed code of the video you clicked on in the previous step.


 
 
9.
 

Right click the code selected and choose Copy as HTML.

 
 
10.
 

You can now use the code you just copied on your blog, forum or any website that supports video embedding.

 
 
11.
 

You can change the Width and Height of the video you are embedding to fit and look better on your site.

 
 
12.
 

And that's it.

Click here to see the embedded video on Dreevoo.

I don't want to encourage you to download protected images from websites, protections are usually there for a reason.

Also recommended:

 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO