HTML Video Player Plays Sound But Not Video

Html Video player plays sound but not video

Your problem is with the file encoding. HTML5 supports very few types and, sadly, every browser can play only part of this narrow list.

If you convert your mp4 file to H.264 encoding it will work on chrome and IE9 and above, but apparently due to patent issues, firefox does not support it but will play it if the OS can play it. This is really annoying and still require the use of players in order to play files in not-supported browsers.

Html5 player only sound no picture

MP4 files can contain video and audio in a variety of formats with different profiles. However what is commonly supported in an MP4 file for HTML5 video is H.264 video (also known as MPEG-4 Part 10 or MPEG-4 AVC) High Profile or lower (i.e. no more than bit depth 8, with 4:2:0 chroma subsampling), and AAC-LC or MP3 audio. If you are using a supported audio format but an unsupported video format then you may hear sound but see no picture.

In your case you are using MPEG-4 Part 2 video, which is not commonly supported by browsers, with AAC-LC audio.

HTML video player sound cuts out after through skimming video

It seems the issue was playback on iOS devices using the Safari browser (other browsers not currently tested), and it was due to the encoding used on the videos, was not optimal for those circumstances.

Solution: encode all videos in H.264 and AAC for audio, there are some very useful presets that can help you do this in HandBrake.

---

Related Topics