 |
If you want learn how I add video into my
blogger blog
Go to Youtube and find any video you liked it
and you want add it in your blog
Under
the video press on Share, Embed button to get code after that
copy this code
then save it in notepad text
Finally go to your
blog and open it then press on new post button, press on HTML and paste the
code we saved it before
Note
This code makes video
suitable for display on all mobile devices and tablet and not only on computer
screens
<style
type="text/css"> .video-container { position: relative;
padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style> <br /> <div class="video-container"> <iframe width="560"
height="315"
src="https://www.youtube.com/embed/JMP8_HioNqU"
frameborder="0" allowfullscreen></iframe> </div>
Note
The red code is embed
video code for the video I put it in my blog so you can replace this red code
for another embed video code you want
add it in your blog
For example
Before
<style
type="text/css"> .video-container { position: relative;
padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style> <br /> <div class="video-container"> <iframe width="560"
height="315"
src="https://www.youtube.com/embed/JMP8_HioNqU"
frameborder="0" allowfullscreen></iframe> </div>
After
<style
type="text/css"> .video-container { position: relative;
padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style> <br /> <div class="video-container"> <iframe width="560"
height="315" src="https://www.youtube.com/embed/Q_SRnAm0-FA"
frameborder="0" allowfullscreen></iframe> </div>
To get the code click here
Tags
how I add video into my blogger blog
add a video to your blog
how I add video into my blogger blog
how to put youtube video in my blogger
how to insert video into blogger
how to embed youtube video into blogger
video
embed video
insert video
blogger
No comments:
Post a Comment