HTML5 Video Stack

Show your videos on your website and make it more dynamically than all static websites. You can use different video formats for each of the browsers you want to support.

Screenshots

Examples

Stacks Image 2176

Settings

    MP4: This file is used for Safari, Chrome and Internet Explorer
    WebM/VP8: Chrome
    OGV: Firefox, Opera, Chrome
    iPhone: Use a MP4 video with 640x480 pixel for the iPhone
    Flash: This is for the file you want to use if a browser does not support HTML5. Normally you would use your MP4 file here.
    Responsive: Enable in order to make the video responsive and use the fully available width.
      Height: The height of the video if you don't use the responsive option
      Width: The width of the video if you don't use the responsive option
    Autoplay: Playback of the video will start automatically if you enable this option.
    Preload: The browser will start top reload the video
    Browser Controls: Enable to use the browser's video controls
    Fancy Controls: Enable to use my fancy Start/Stop video controls
    Show Controls: Show or hide a poster file.
    Apple Airplay: Enable to make it possible to stream the video to AppleTV

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer (Flash Fallback for IE8 and earlier)
  • Firefox

FAQ

If video playback does not work for ogv files with for example Firefox, try to put a file called ".htaccess" in your video folder with the following content: AddType video/ogg .ogv

Infos and Requirements

If video playback does not work for ogv files with for example Firefox, try to put a file called ".htaccess" in your video folder with the following content: AddType video/ogg .ogv
Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2.1.8
Responsive
Compatible to
responsive themes
Internet
Internet connection
for preview

How to use HTML5 Video Stack with Stacks 1.x

Click here