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.
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
পোস্ট রেটিং করুন
টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!