How do I add videos to the home page banner area?

Questions on this advanced web developer topic will not be answerable by Aleyant tech support.

 

The information below will be useful for your web developer. If you have questions about using iFrames or creating a custom skin, please consult your web developer. Aleyant Professional Services may be hired as an alternative.

 

The video series is built by you on a video platform. For this post, we will choose YouTube. YouTube  provides the iFrame code to embed in your page.

 

To have the videos play in the home page banner area, you'll need your web developer to create a custom skin that uses the iFrame where the banner normally displays. Aleyant Professional Services may also be hired.

 

An online search for "youtube embed videos & playlists" will help with details of creating a video playlist and getting the iFrame code to copy and paste.

 

Or, here is a link to get started (links can change over time): https://support.google.com/youtube/answer/171780?hl=en

 

Note: the iFrame code provided by the video platform will likely be using a fixed pixel width and height. This may not work well with mobile devices. Your web developer may want to use a CSS intrinsic ratio technique to have the frame resize itself proportionally for different screen sizes.

 

An online search for "responsive iframes" will help with details. Or, here is a link that may help https://benmarshall.me/responsive-iframes/