Embed a video in your web page using HTML5, with an optional fallback to a Flash-based video player for better compatibility across multiple browsers.
- For maximum compatibility across browsers, it is recommended that you specify a ".mp4" file (H.264) as the primary Video File, and a ".webm" file as an alternate video file. The latest versions of Safari and Internet Explorer support ".mp4". The ".webm" file will allow HTML5 video to work natively in Firefox and Google Chrome, without falling back to Flash.
- Other video files, including ".mov" and ".mpg" files, are generally not supported for HTML5 video.
- You will need to make sure that your web server is configured to return the correct MIME type for the video files you use (e.g., "video/mp4", "video/webm", "video/ogg").
- The fallback Flash player can play videos in MP4, FLV, SWF, or F4V formats.
- If you try to preview the video using the fallback Flash player, you may see an error saying "We are having problems with playback." This occurs when trying to view a local video due to Flash security restrictions, and the problem likely won't occur when you upload the video to a website. You may be able to work around this by adding your website folder containing the movie file in Flash's Global Security Settings.
With Flash Fallback:
Internet Explorer 7+, Firefox 3+, Safari 4+
Without Flash Fallback:
Internet Explorer 9+, Firefox 4+, Safari 4+
- Video File
- The primary video file to use for HTML5 playback. This can be specified as local file, which should be located in your website folder and uploaded with your website, or as a full URL to an already uploaded video file. It is recommend that you select a ".mp4" (H.264 encoded) file for this option. The ".mp4" file will then be used as the default file for HTML5 playback and for Flash playback, if Fallback to Flash Player is enabled. Different formats can then be specified for the Alternate Video File options.
- Poster Image
- An image to display while the video is loading, before playback has started. Often, this is an image showing a frame from the video.
- Show Video Controls
- Should video controls be displayed for the user to be able to pause the video, adjust volume, etc.?
- Loop Video
- Should the video automatically restart playing once it is completed?
- Autoplay Video
- Should the video automatically start playing when the page is loaded? Note that this is automatically enabled if Show Video Controls is not selected.
- Fallback to Flash Player
- If HTML5 video playback cannot be used in a browser (either because the browser does not support HTML5 or it is incompatible with the formats used for the Video File and Alternate Video Files), should a Flash-based video player be used for playback.
- Video Width
- The width of the video player, in pixels.
- Video Height
- The height of the video player, in pixels.
- Alternate Video File
- An alternate video file to use for HTML5 playback if a browser does not support the format of the specified Video File.
- Alternate Video File 2
- An alternate video file to use for HTML5 playback if a browser does not support the format of the specified Video File and Alternate Video File.
- Preload Video
- This option describes if a browser will automatically load the embedded video when it opens the HTML page containing it. The default value, "Metadata", indicates that the browser should not try to load the video until the user tries to play it, but it can load video information like its duration, first frame, etc. "Automatic" indicates that a browser can try to optimize performance by automatically loading the full video when the page is opened. "None" indicates that the browser should not load any video data until the user tries to play the video, either because the video is not expected to be played by most users or because the website is trying to minimize server traffic.