How to Add the Video Popup
Embedded Files
Add the Video Popup, is a fairly simple and quick process.
1. Log into your Blogger dashboard and go to Layout. Click on Add a Gadget. Add the "Elements" with the Gadget "HTML/JavaScript". You can also add to Post and Pages.
Link code:
Go to YouTube, Vimeo, etc., choose your video to embed, click Share > Embed. Copy the Link.
Example:
https://www.youtube.com/embed/d3IAMZDJINw?si=Fl6Rfexe4pcLoc9n
Default code:
<button class=" Class " data-video=" Link "> Title </button>
Class: Add the Class.
Link: Add your Link.
Title: Add your Title.
Code Class:
Size
Class to change the size of the Video Popup.
1. video-popup-1x
2. video-popup-2x
3. video-popup-3x
4. video-popup-4x
5. video-popup-5x
Theme Color
Class to change the solid color of the Video Icon.
1. video-primary
2. video-dark
3. video-secondary
4. video-light
5. video-success
6. video-danger
7. video-warning
8. video-info
Theme Outline Color
Class to change the outline color of the Video Icon.
1. video-outline-primary
2. video-outline-dark
3. video-outline-secondary
4. video-outline-light
5. video-outline-success
6. video-outline-danger
7. video-outline-warning
8. video-outline-info
Theme Flat Color
Class to change the flat color of the Video Icon.
1. video-flat-primary
2. video-flat-dark
3. video-flat-secondary
4. video-flat-light
5. video-flat-success
6. video-flat-danger
7. video-flat-warning
8. video-flat-info
Theme Link Color
Class to change the link color of the button.
1. video-link-primary
2. video-link-dark
3. video-link-secondary
4. video-link-light
5. video-link-success
6. video-link-danger
7. video-link-warning
8. video-link-info
Video Post
This Class places the Video Popup button above the title of the post.
post-video-popup
Page updated
Google Sites
Report abuse