Blog Signup

EverWeb Widgets Podcast

Vimeo & YouTube Podcast Episode

Video Podcast Episode

When considering a podcast with video (video-cast) its worth considering playback using hosted video like Vimeo and YouTube - especially if the site is published to the EverWeb server. Video files take up a lot of storage room.
The downside to this is that it is not possible for visitors to download a zipped file of the video to view at their leisure.
Of the two, Vimeo is much preferable - especially for professionals who need to ensure the visitor gets to choose the quality of the video.

What to Do About Insomina

Author: Daniela Sherer

September 12th 2016

Run Time: 3:43

The container is full width, responsive with a maximum width setting. The grid layout has two columns - one with the video and the other with the info and optional download link.The video can be left or right.

© Daniela Sherer -

Podcast Title

Chris Coyier (CodePen)

Date: March 26th 2015

Run Time: 7:03

The container is full width, responsive with a maximum width setting. The grid layout has two columns - one with the video and the other with the info and optional download link. The video can be left or right.

© Chris Coyier -

Layout

The layout consists on an HTML5 <figure> element containing the responsive iframe to display the video and and a text section. The Vimeo or YouTube video can be positioned to the left or right when viewed on wider screens.
The text section has fields for the episode title, author, date, run time and description. The optional copyright field has a control to add the year and keepit updated.
The vertical spacing of the text items can be adjusted.
Link
The optional link is absolutely positioned at the top right of the content area and is used to open the Vimeo or YouTube page with the video to allow vistors to post or read comments.
The icon is an SVG so it can be styled for color and hover color.

EverWeb Widgets Blog
All Rights Reserved
© EverWeb Widgets -