Layout
The layout consists on a responsive width HTML5 <figure> element containing the podcast episode and an <aside> element with the scrolling ads or other info.
The sidebar is fixed width and can have either a fixed height as used in the above example or an auto height to reveal all the content.
At screen widths below the break point, the ads position themselves below the episode and become full width.
Episode
The h1 heading at the top is optional as is the image, The image has alt text and can have a border.
The MP3 player has responsive width. It has a play/pause button, progress bar and shows elapsed and run time.
There are fields for the episode title, author, date, run time, a description, optional download link and a copyright notice.
Link
The optional link is used to allow visiors to download a ZIP file containing the video. It has controls for color, hover color and background color.
The link can be configured to download a zip file which has been added to the EverWeb Assets or to download a file from a folder on the server. If publishing to a server other than the EverWeb one, the latter method is preferable.
ZIP
The .zip file can be created using the "Compress" function in the Finder's File menu but this is not very satisfactory for visitors who are using a device with the Microsoft OS. Check out the free Yemu Zip software for quickly creating PC compatible zip files.