HTML5 Video Player Support Product Page

Latest update wont play the videos in FF nor IE

Reported 31 Jan 2013 23:47:43
1
has this problem
31 Jan 2013 23:47:43 Jonas Fornander posted:
I updated the HTML5 Video player to 1.0.5 and uploaded the changed js files to the server. Now the videos doesn't play at all in FF not IE. Chrome works.
The error is that the file doesn't exist or is in the wrong format.
garrettfornander.com/videos.php

Do I need to redo the video files?

//jonas

Replies

Replied 01 Feb 2013 07:38:34
01 Feb 2013 07:38:34 Vulcho Vulev replied:
Hello Jonas.

Can you please make sure your videos are converted in 3 formats with the software mentioned in our manual ?

Regards:Vulcho.
Replied 01 Feb 2013 07:57:18
01 Feb 2013 07:57:18 Jonas Fornander replied:
Yeah, they were originally converted with Miro and Handbrake following your instructions. We even communicated at that time because I used a different version of Miro I think and it didn't match your instructions.

Should I convert them again you think?
Replied 01 Feb 2013 09:01:12
01 Feb 2013 09:01:12 Vulcho Vulev replied:
I see older versions of files in your hosting server.

Can you please delete the files from your local root in DW and hosting server:

ScriptLibrary/jquery-latest.pack.js
ScriptLibrary/projekktor.min.js

After that reapply the extension in order for them to be recreated with the present versions.

Upload the files on the hosting server.

Regards:Vulcho.
Replied 01 Feb 2013 09:16:06
01 Feb 2013 09:16:06 George Petrov replied:
Hi Jonas,

Seems your MP4 file is indeed not optimal enocded for IE9 and IE10...

I just reencoded it with Handbrake and it works fine with it.

Somehow your original MP4 had two audio streams, which is not needed.

I chose the default MP4 file encoding with Handbrake and it produced a good MP4 video file with with AAC video and AAC audio.

You can see the exact encodings with program like MediaInfo:
mediainfo.sourceforge.net

your original file was:

General
CompleteName                     : the_interview_universal.mp4
Format                           : MPEG-4
Format_Profile                   : Base Media / Version 2
CodecID                          : mp42
FileSize/String                  : 7.85 MiB
Duration/String                  : 56s 564ms
OverallBitRate_Mode/String       : Variable
OverallBitRate/String            : 1 164 Kbps
Encoded_Date                     : UTC 2012-10-22 17:13:49
Tagged_Date                      : UTC 2012-10-22 17:15:07
Encoded_Application              : HandBrake 0.9.8 2012071700

Video
ID/String                        : 1
Format                           : AVC
Format/Info                      : Advanced Video Codec
Format_Profile                   : Baseline@L3.0
Format_Settings_CABAC/String     : No
Format_Settings_RefFrames/String : 2 frames
CodecID                          : avc1
CodecID/Info                     : Advanced Video Coding
Duration/String                  : 56s 473ms
BitRate_Mode/String              : Variable
BitRate/String                   : 776 Kbps
Width/String                     : 720 pixels
Height/String                    : 400 pixels
DisplayAspectRatio/String        : 16:9
FrameRate_Mode/String            : Variable
FrameRate/String                 : 23.976 fps
FrameRate_Minimum/String         : 23.974 fps
FrameRate_Maximum/String         : 23.981 fps
ColorSpace                       : YUV
ChromaSubsampling                : 4:2:0
BitDepth/String                  : 8 bits
ScanType/String                  : Progressive
Bits-(Pixel*Frame)               : 0.112
StreamSize/String                : 5.23 MiB (67%)
Encoded_Library/String           : x264 core 120
Encoded_Library_Settings         : cabac=0 / ref=2 / deblock=1:0:0 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=0 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=0 / weightp=0 / keyint=240 / keyint_min=24 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=crf / mbtree=1 / crf=20.0 / qcomp=0.60 / qpmin=3 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Encoded_Date                     : UTC 2012-10-22 17:13:49
Tagged_Date                      : UTC 2012-10-22 17:15:06
Color primaries                  : BT.709
Transfer characteristics         : BT.709
Matrix coefficients              : BT.709

Audio #1
ID/String                        : 2
Format                           : AAC
Format/Info                      : Advanced Audio Codec
Format_Profile                   : LC
CodecID                          : 40
Duration/String                  : 56s 564ms
BitRate_Mode/String              : Variable
BitRate/String                   : 160 Kbps
BitRate_Maximum/String           : 197 Kbps
Channel(s)/String                : 2 channels
ChannelPositions                 : Front: L R
SamplingRate/String              : 44.1 KHz
Compression_Mode/String          : Lossy
StreamSize/String                : 1.08 MiB (14%)
Language/String                  : English
Encoded_Date                     : UTC 2012-10-22 17:13:49
Tagged_Date                      : UTC 2012-10-22 17:15:06

Audio #2
ID/String                        : 3
Format                           : AC-3
Format/Info                      : Audio Coding 3
Format_Settings_ModeExtension    : CM (complete main)
Format_Settings_Endianness       : Big
CodecID                          : ac-3
Duration/String                  : 56s 529ms
BitRate_Mode/String              : Constant
BitRate/String                   : 224 Kbps
Channel(s)/String                : 2 channels
ChannelPositions                 : Front: L R
SamplingRate/String              : 44.1 KHz
BitDepth/String                  : 16 bits
Compression_Mode/String          : Lossy
StreamSize/String                : 1.51 MiB (19%)
Language/String                  : English
Encoded_Date                     : UTC 2012-10-22 17:13:49
Tagged_Date                      : UTC 2012-10-22 17:15:06


and after reencoding it become:

General
Complete name                            : the_interview_universal.mp4
Format                                   : MPEG-4
Format profile                           : Base Media / Version 2
Codec ID                                 : mp42
File size                                : 4.18 MiB
Duration                                 : 56s 587ms
Overall bit rate mode                    : Variable
Overall bit rate                         : 619 Kbps
Encoded date                             : UTC 2013-02-01 09:06:02
Tagged date                              : UTC 2013-02-01 09:06:06
Writing application                      : HandBrake 0.9.8 2012071700

Video
ID                                       : 1
Format                                   : AVC
Format/Info                              : Advanced Video Codec
Format profile                           : Main@L3.0
Format settings, CABAC                   : Yes
Format settings, ReFrames                : 4 frames
Codec ID                                 : avc1
Codec ID/Info                            : Advanced Video Coding
Duration                                 : 56s 473ms
Bit rate mode                            : Variable
Bit rate                                 : 455 Kbps
Width                                    : 720 pixels
Height                                   : 400 pixels
Display aspect ratio                     : 16:9
Frame rate mode                          : Variable
Frame rate                               : 23.976 fps
Minimum frame rate                       : 23.974 fps
Maximum frame rate                       : 23.981 fps
Color space                              : YUV
Chroma subsampling                       : 4:2:0
Bit depth                                : 8 bits
Scan type                                : Progressive
Bits/(Pixel*Frame)                       : 0.066
Stream size                              : 3.06 MiB (73%)
Writing library                          : x264 core 120
Encoding settings                        : cabac=1 / ref=1 / deblock=1:0:0 / analyse=0x1:0x111 / me=hex / subme=2 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=0 / me_range=16 / chroma_me=1 / trellis=0 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=0 / threads=12 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=1 / keyint=240 / keyint_min=24 / scenecut=40 / intra_refresh=0 / rc_lookahead=10 / rc=crf / mbtree=1 / crf=20.0 / qcomp=0.60 / qpmin=3 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Encoded date                             : UTC 2013-02-01 09:06:02
Tagged date                              : UTC 2013-02-01 09:06:06
Color primaries                          : BT.601 NTSC
Transfer characteristics                 : BT.709
Matrix coefficients                      : BT.601

Audio
ID                                       : 2
Format                                   : AAC
Format/Info                              : Advanced Audio Codec
Format profile                           : LC
Codec ID                                 : 40
Duration                                 : 56s 587ms
Bit rate mode                            : Variable
Bit rate                                 : 160 Kbps
Maximum bit rate                         : 191 Kbps
Channel(s)                               : 2 channels
Channel positions                        : Front: L R
Sampling rate                            : 44.1 KHz
Compression mode                         : Lossy
Delay relative to video                  : 83ms
Stream size                              : 1.08 MiB (26%)
Language                                 : English
Encoded date                             : UTC 2013-02-01 09:06:02
Tagged date                              : UTC 2013-02-01 09:06:05



Greetings,
George
Replied 01 Feb 2013 10:27:52
01 Feb 2013 10:27:52 Vulcho Vulev replied:
Hello Jonas.

I investigated the encoding differences in Handbrake newest version.
In the latest version of the Handbrake when you choose "Universal" that applies 2 audio streams which is causing the issue mentioned by George.
When you encode your videos don't select "Universal" leave the preset to Regular>Normal that will output the correct file needed for the player to work.

Regards:Vulcho.
Replied 01 Feb 2013 18:49:08
01 Feb 2013 18:49:08 Jonas Fornander replied:
Awesome!

Thank you that solved the problem for IE but I still get an error in FF.

Should I redo the video files in Miro as well?
In Miro I converted them with Theora and WebM.
Replied 04 Feb 2013 12:38:12
04 Feb 2013 12:38:12 Vulcho Vulev replied:
Hello Jonas.

Currently there is double include of jquery library on your page.
Can you delete your line 10 in the code:
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>


and move line 15 on line 10 instead ?

<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>


Regards:Vulcho.
Replied 04 Feb 2013 14:15:07
04 Feb 2013 14:15:07 Dana Meyer replied:
Thanks, this has been driving me crazy, I recently updated Handbrake. My video files now load in IE9.
Replied 04 Feb 2013 18:03:20
04 Feb 2013 18:03:20 Jonas Fornander replied:
Still doesn't work. Very strange.
I tried FF 18.0.1 in Windows 7 both 32 and 64 bits. It still says invalid file format.
Chrome, IE and Opera works.

Any other suggestions?
Replied 05 Feb 2013 12:10:11
05 Feb 2013 12:10:11 Dana Meyer replied:
Jonas have you tried a different ogg file converter, maybe give this a try below. Also try and apply only mp4 and ogv to the video player, leave out webm to see if that works.

video.online-convert.com/convert-to-ogg
Replied 05 Feb 2013 12:29:00
05 Feb 2013 12:29:00 Vulcho Vulev replied:
Hello Jonas.

Can you reconvert your other filetypes also from the new created file ?

Currently i downloaded your new mp4 file and is working in my Firefox setup test environment.

Regards:Vulcho.
Replied 05 Feb 2013 20:13:39
05 Feb 2013 20:13:39 Jonas Fornander replied:
I tried to convert it again but to no success.
Which file did you download and test on?
Was it the_interview_optimized.mp4
That file is the one that I created in Handbreak using the default selection and not the Universal.

I will try the other converter above and let you know how it goes.
Thanks for all your help.
Replied 06 Feb 2013 09:02:47
06 Feb 2013 09:02:47 Vulcho Vulev replied:
Hello Jonas.

I tested with the_interview_optimized.mp4

Can you make sure also your web server is providing the correct MIME type for videos?

Please contact your server administrator. The following article would be useful:
The media could not be loaded, either because the server or network failed or because the format is not supported

Regards:Vulcho.
Replied 18 Aug 2013 18:40:53
18 Aug 2013 18:40:53 Simeon Nartoomid replied:
I had problems with Miro's WebM conversions working properly. I started using DVDVideoSoft's WebM converter and this resolved it.

Reply to this topic