How To Embed Responsive YouTube Video In Phone Mobile Website

First you will need to add the following to your style sheet.

CSS {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%;}

Next, edit add some HTML around your embed code.


1<div class="video-container"><iframe width="853" height="480" src="" frameborder="0" allowfullscreen</iframe</div>

Videos should be responsive and ready to view on Tablets and Mobile devices.


All Digital Video Shoot

The video production of the 2019 Halloween Annual Costume Contest represents a change in Mansavage Productions from tape based videography to digital shooting with Nikon camera technology. The video was shot on Nov. 2 and posted to YouTube on Nov. 4. Faster turnover than previous productions of this size. All in all, very satisfied with the results of the digital camera.

Below is the edited video: