Simple video preview (HTML5 <video> tag) #235

wants to merge 5 commits into


5 participants

CrazyMonster commented Nov 23, 2013

Unfortunately it only works with the (rather limited) number of video formats that browser vendors chose to support (the only exception AFAIK is Safari that is able to play every format supported by QuickTime, which can be extended with plugins).

@EliaCereda EliaCereda referenced this pull request Nov 23, 2013


HTML5 media player #161

could this be used to implement the dynamically around mp3/ogg files for example ?

is the audio preview already implemented then ? waw..i mean i think it's time i change my php script directory listing..


CrazyMonster replied Jan 17, 2014

Yes it is... It only supports what the browser supports (see this: but besides that it works. Also, I hacked out this implementation in a couple of hours (basically I just copied preview-img.js and adapted it for video and audio files) for use on my private media server so don't use it for anything serious without checking... ;)


CrazyMonster replied Jan 17, 2014

Also, there is a patch that you need to apply if you want to use it on mobile devices, look here:

I didn't push it together with the pull request because I'm not sure about it, I should improve it but I haven't had the time to do it yet. Merge it on top of the preview-vid branch if you want to use it.

i will try to use h5ai with your commits, not very sure how to proceed but i will try.


CrazyMonster commented Jan 17, 2014

Use these instructions to build it: and then install it like the normal version:

can't have makejs to's not even considered a command..


CrazyMonster commented Jan 17, 2014

it's possible that is not in your PATH, mine is installed in /usr/local/bin/makejs

noogs commented Feb 28, 2014

What is the status of the commits by CrazyMonster? I'd like to be able to try the video player.


CrazyMonster commented Mar 1, 2014

The video and audio preview works pretty good at the moment, I use it every day on my media server and it plays most files with no problem (obviously just what your browser supports, so don't try playing MP4 files in Firefox). Among the things it doesn't support are subtitles support and proper error handling (if your browser doesn't support a particular file you'll just get a black player instead of a proper message). Nothing that prevents you from using it for personal stuff...

@lrsjng lrsjng added the Feature label Apr 10, 2014

noogs commented Apr 29, 2014

I have the video player working and it plays all the files I would expect it to. However there is no audio at all for any of them. Any ideas?


CrazyMonster commented Apr 29, 2014

That is strange... What format are they? Did you try and open the file directly in the browser (i.e. copy the URL of the video and paste it in the URL bar)? If you can't hear the audio even now then there's some problem with your browser, not with h5ai.

mkskarch commented May 6, 2014

@ noogs: I had the same problem with no sound in Firefox on Win7. The soulution was: 1) swithch on the system sounds in the "Mixer" (Run > "sndvol") and 2) Follow the instructions of

The problem was only related to the user account in win7. As admin everything worked fine.

@lrsjng lrsjng changed the title from Added simple video preview that uses the HTML5 <video> tag to Simple video preview (HTML5 <video> tag) Jun 6, 2014


lrsjng commented Jun 8, 2014

Added audio and video preview, works best (maybe only) in Chrome for the moment.

@lrsjng lrsjng closed this Jun 8, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment