<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-home-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-home-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-home-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-home.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/mvp-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-contact.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/mvp-contact.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-studio.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/mvp-studio.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-about-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-about-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-about-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-about.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/mvp-about.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/mvp-footer.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/mvp-footer.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-home-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-contact-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-studio-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-about-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-footer-md.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-home-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-contact-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-studio-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-about-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/mvp-footer-sm.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-contact.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-studio.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-about.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-footer.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-home.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-home.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-contact.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-contact.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-studio.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-studio.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-about.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-about.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mvp-footer.jpg"> <img src="https://tomrobison.com/wp-content/uploads/mvp-footer.jpg" alt=""> </picture></div></div> </div>

Autoplay

Maximize Video Productions

Visit maximizevideo.com

Company website

Maximize Video Productions

Company website

Image controller:

Auto-advance images:

Visit maximizevideo.com

Personal contribution

Front + back-end development, responsive for all devices.

Project features

Integrates high-quality video content seamlessly into the website design to showcase the client's portfolio and services effectively.
Implementes responsive design principles using HTML5, CSS3, and JavaScript to ensure optimal viewing experience across all devices and screen sizes.
Leverages the power of the Bootstrap framework to create a mobile-friendly and adaptable layout, enhancing user engagement and accessibility.
Employs advanced video playback features and custom video players using HTML5 video elements and JavaScript libraries such as Plyr.js for enhanced user experience.
Features performance optimization techniques including image optimization, lazy loading, and caching to improve website speed and loading times.

Project description

Powered by WordPress, the Maximize Video Productions (MVP) website incorporates custom post types for portfolio items and client testimonials, allowing for easy content updates and showcasing of past work. With a foundation of HTML5, CSS3, and JavaScript, coupled with Bootstrap for responsive design, the website delivers a visually appealing and user-friendly experience for visitors seeking innovative video strategies.