HTML5 Video - The Play button and Volume controls do not show up when I publish my page


There could be two reasons for this issue to be occurring, both are very easy to fix. The first is to make sure you are using HTML5 Video stack version 3.3.3 or higher. This is when Joe fixed a bug that was occurring with some themes. If that way does not work, then you can try this. Your host might not be able to recogonize .svg files, which is what the controls became in the HTML5 3.3.0 version, this is for retina displays. You can ask you host to turn this option on, or you can edit or make a .htaccess file, add this code:

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

then save this file (naming it .htaccess) and add it to the root of your website. Refresh the page and it should work beautifully!

Another way to do this is to get Joe's free CSS Box Stack, stick the HTML5 Video stack in it and give the CSS Box stack a class of no-svg and the stack will use PNGs instead of SVG images.

Now go forth and make your websites great!

Deal of the Week

Latest Updates

Latest Live Stream

Starlight - Build a No Fee E-commerce Website with Chris Powers

Latest Design

HANGOUTS

Next Hangout Session
Friday, May 9

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy