Convert URL to Embed Code for YouTube and Vimeo Videos | Tutorial and Demo


This article is about a code to convert url to embed code of youtube and viemo videos. In programming we needs this code for creating plugin or custom code.This article will covers how to convert url into embed code and also get thumbnail of youtube and vimeo videos.
You can see live demonstration of url to embed code generator for vimeo and youtube.

Demo

Beside this you can also customise the embed code such you can set custom height and width, enable autoplay.and the end you can download source code of url to embed code generator.
url to embed code youtube vimeo
The idea is common we need to fetch video id from url in both youtube and vimeo, and after that we creates a custom embed link for both the website.height and width can be customise.Autoplay option seems to works with youtube only.For vimeo you can experiment with code,and let me know.

How to convert url to embed code from youtube url

  1. Get the video id

     
  2. Create embed url from vedio id
    The iframe src of youtube is http://www.youtube.com/embed/$vedio_id so the embed code would be
    < iframe src="https://www.youtube.com/embed/'. $vedio_id.'" width="320" height="240" frameborder="0">
    For autoplay you use autoplay=1 parameter.
    < iframe src="https://www.youtube.com/embed/'. $vedio_id.'?autoplay=1" width="320" height="240" frameborder="0">
  3. get youtube vedio thumbnail
    you can get thumbnail of any youtube vedio with the url
    Large thumbnail : http://img.youtube.com/vi/$vedio_id/0.jpgSmall thumbnail : http://img.youtube.com/vi/$vedio_id/1.jpg
    and so on…

How to convert url to embed code from vimeo url

  1. Get the video id.

     
  2. Create embed url from vedio id.
    The embed url for vimeo is
    $embedurl = “http://player.vimeo.com/video/”.$vedio_id;
    and iframe code for vimeo would be
    < iframe src="'.$embedurl.'" width="320" height="240" frameborder="0" allowfullscreen="allowfullscreen">
  3. Get vedio thumbnail of vimeo.
    this step is slightly diffrent then youtube in this case we will  read video files in the vimeo server and locate its thumbnail image.

I needed this code when i was creating a wordpress theme for a client
it was a video blog and client need this functionality to its wp admin panel with autoplay control.
you have to add just youtube url and it will automatically generate an embeded video on the front page.there is an option for embed code . you can see demo and download the source code below for free.Hope this thing helps you.Happy coding.

Demo
Download https://buffernow.com/demo/vedio_parser.txt

thanks for url to embed code php function for vimeo thumbnail.

, , ,