Responsive MP4 Video
This widget allows MP4 video to playback natively in the the browser using the HTML5 video element and no extra scripts are required.
A poster image can be loaded on page load and the video file prevented from loading until the visitor chooses to play it. This helps to speed up the page download time.
NOTE: The poster image and the video file should have the same aspect ratio and the file names should have no special characters or spaces in them.
The video player has options for controls, prevent preload, muted, loop 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 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.
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.