Blog
- posted: Oct. 13, 2020
PURPOSE:
The example below is using a YouTube video. So the video will be 100% and respond to any screen view.
ADD TO THE CSS
.videoWrapperOuter {
max-width:640px;
margin-left:auto;
margin-right:auto;
}
.videoWrapperInner {
float:none;
clear:both;
width:100%;
position:relative;
padding-bottom:50%;
padding-top:25px;
height:0;
}
.videoWrapperInner iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
ADD TO THE HTML SECTION
the bold src code below is what you want to put into the iframe. The example below is using a YouTube video. So the video will be 100% and respond to any screen view.
Notes:
You may need to adjust the width, height, and padding-bottom in this code to have the video display correctly.
padding-bottom is the amount of space between the bottom of the video and the content below the video
- PLE (7)
- Web Manager (5)
- Troubleshooting (1)
- Search (1)
Hours of Operation
Monday
8:00 am - 6:00 pm
Tuesday
8:00 am - 6:00 pm
Wednesday
8:00 am - 6:00 pm
Thursday
8:00 am - 6:00 pm
Friday
8:00 am - 6:00 pm
Saturday
Closed
Sunday
Closed