YouTube Video

Responsive YouTube

Insert a YouTube video by simply entering its ID number.
The video player has options for show/hide related videos, info, branding and fullscreen button, progress color, and autoplay. Autoplay should be avoided and, in any case, won't work when the page is viewed on a touch device such as an iPad or iPhone. The start time can be altered by enter the number of seconds to skip.
The video can be made responsive by checking the Full Width box in the Metrics inspector and setting the maximum width wider than the page content width. It requires the intrisic aspect ratio to be set. This is derived from …
Video Height ÷ Video Width x 100
The video file is inserted in an HTML5 container which can be styled with padding, background color and opacity, border, radius and box shadow.
As with other types of media, videos are better to be inserted in a container with a title and text description for the benefit of botht the visitors and the search engines. Widgets for this purpose can be found in the Audio-Video section.
Auto Pause
If two or more YouTube videos are inserted on a page, use the Elements YouTube AP widget. This includes scripts to pause a playing player when another is selected.

EverWeb Widgets