[Code] How To Embed YouTube Video Blogspot / Blogger

How To Embed YouTube Video Blogspot / Blogger
How Are You All. I am Fine Too.
Today I am Showing How To Embed YouTube Video In Your Bloger / BlogSpot Website.

Do Not Tension Its Very Easy.

Lets Start Follow My Step And Carry On.

First I give One Demo Of YouTube Embed Video.





Second Go To Your Theme And Edit Html
Add This Css Style.


[CODE]
<style type='text/css'>
#video-logo {
    background-image: url('https://lh3.googleusercontent.com/-eMqpHEMFw_o/XxhKjC5K8XI/AAAAAAAAAcs/zzbBJfSxHLM0kMdltmNWJTTlv_5pqcB4wCEwYBhgLKtMDAL1OcqzD_2yq_vjpyg0VXBvGRyuRY3dB9Gp7Rq77rENvDFcu9oGJPEaAmSGMSBOe0X2_sEOzMsKxiIgRjFDwotcPP0N4i4rsy_PsKOsJ13FS8vdmiRd9SgGd-II75dOB38iM27fxpyZX52Z4uIEsb2Y4umwIyU3-gfuqApCsTdK8swGLm4hylmvk3J3KXY3NyyfKVPBBcsmtbCjnBBvyFXxJ10N_p91CD6f533Q_WgEPdt1FnlfxIFVMglSk9Af1vTNjOL_Ygkg3fm2fRIGYimeCNvxp4KuqWQzysKTBhM3beY5p6N4iLUu2qS4GiXqzbLdLpjCxzotC598nlJo5oGtfejVUWjySDUXTyWTc7opmm6heGQ9yJKsk37_3gGcC8yKUohelRplh3CsuArrZuI7bAAPEMJy7fGLVVEBs6eUYW5k3yO3-hcv3Gvgh_WpMPjCIgrEQqTHr4XwgUyH8FR9lKZhMk5kuUn8PKa3Sj4RULbbJfplYKaT1tH7DrzIv_iDx9mYcZWwYThKNChGCsq9fPFkk7zDKszt_Lc3pWnBcnN_15R5gXlTveQThcc5CHWWg63vb5w5xYf1oe7hk1cjPBQUJ2tvCS5Up9wqGcVME94Mwx6aV-QU/w140-h34-p/logo%2Bsmsudipbd.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    Z-INDEX: 1;
    width: 150px;
    height: 40px;
    bottom: 50%;
    right: 35%;
    border-radius: 5px;
    opacity: .2;
}
    .outer-container{
        width:100%
    }
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 35px;
        height: 0;
        overflow: hidden;
    }
    .video-container iframe {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    </style>
[/CODE]

Third Add This Code In Your Post Or Page.


[CODE]
<div class="outer-container">
<div class="video-container">
<div id="video-logo">
</div>

<iframe id='myvideo' width="100%" height="100%" src="Your YouTube Video Url Here" frameborder="0" allowfullscreen></iframe>
</div>
</div>
[/CODE]


Ok.Done.
You Are Succesfully Embed YouTube Video.


Face You Any Problem.
Please Comment Here.

Thank You.

By

SMsudipBD.Com
পোস্ট রেটিং করুন
ট্যাগঃ
About Author

টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!