HTML5 Video Player Support Product Page

Solved

With latest version (1.0.4) video not working on IE -

Reported 24 Jan 2013 10:54:40
1
has this problem
24 Jan 2013 10:54:40 Roger Lindley posted:
I have several video advertisements in my e-magazine but videos are not playing in Internet Explorer not just mine but my clients computer also. See www.cwmags.com/cw-4-1/basic/page24.php

Without a fix, I can't charge for the advertising!

Replies

Replied 24 Jan 2013 11:09:03
24 Jan 2013 11:09:03 Roger Lindley replied:
Working with IE9 but not not 8
Replied 24 Jan 2013 12:08:27
24 Jan 2013 12:08:27 Vulcho Vulev replied:
Hello Roger.

Our developers are notified and will check the issue.

Regards:Vulcho.
Replied 24 Jan 2013 19:25:54
24 Jan 2013 19:25:54 Dana Meyer replied:
This has been an issue since 1.0.4 came out. I reported this a couple of months ago.

Also mp4 videos will not play true to size in Firefox, videos display smaller than the actual video dimensions.
Replied 24 Jan 2013 20:39:46
24 Jan 2013 20:39:46 George Petrov replied:
We have identified the IE issue and will release an update next week to fix it.

Firefox does not plays MP4 files, it will play the supplied OGG file. Do you have supplied a OGG video file - maybe it is not encoded right?

Could you provide a live link so we can check?

Greetings,
George

Replied 24 Jan 2013 20:55:10
24 Jan 2013 20:55:10 Dana Meyer replied:
Hello thanks for the update info.

I’m happy to learn about the IE8 fix, people have been bugging me about this and I have been holding off trying finding a different solution.

The Firefox issue you can view on the test page below. I can actually get mp4 videos to play in Firefox, but like I said they are not true to size.
I guess I will need to do create and ogg video file for Firefox, for some reason I thought Firefox supported mp4 with their new releases.

Look for links under CrossLink Directionality and Smart Gain Pro in the middle of the page.

www.test.beltone.com/beltone2011/products/beltone-promise.aspx

Thanks
Dana Meyer.
Replied 24 Jan 2013 21:27:32
24 Jan 2013 21:27:32 George Petrov replied:
Hi Dana,

I see that you have provided only an MP4 movie to the HTML5 Video Player.

To make the video player really work on all browsers you need to provide the video in 3 formats: MP4, WEBM and OGG.

Please refer to our manual of how you can convert your video to those 3 formats:

www.dmxzone.com/go/18294/html5-video-player-manual/the_basics_basic_html5.htm

Greetings,
George
Replied 30 Jan 2013 12:32:17
30 Jan 2013 12:32:17 Dana Meyer replied:
Thanks, added the .ogv video format, now video play correctly across all browsers, except for the mentioned IE8 bug.
Replied 30 Jan 2013 17:26:01
30 Jan 2013 17:26:01 Dana Meyer replied:
I can get video to play in IE8 now, but there are a problems.

The video is not displaying the height properly, the height is compressed. And the Video Player tool bar is not viewing correctly, it showing up transparent.

www.test.beltone.com/beltone2011/products/beltone-promise.aspx
Replied 31 Jan 2013 07:59:05
31 Jan 2013 07:59:05 Vulcho Vulev replied:
Hello Dana.

First try to clear your browser cache and reload the page.
If the problem still exists try to delete the following files:

<link href="../Styles/dmxHTML5VideoPlayer/minimum/style.css" type="text/css" rel="stylesheet">
<script src="../ScriptLibrary/jquery-latest.pack.js" type="text/javascript">
<script src="../ScriptLibrary/dmxHTML5VideoPlayer.js" type="text/javascript">
<script src="../ScriptLibrary/projekktor.min.js" type="text/javascript">


After that reapply the extension on the page in order for them to be recreated.

About the height compressed you had applied margins
in your custom css file

body {
background-color: #000;
a img border:0;
padding: 0;
margin-top: 20px;
margin-left: 20px;
}
.video {
float: left;
} 


Make sure that the HTML5 Video player settings are correct to the layout that you are trying to achieve.

Roger can you please download the latest version of the extension and notify us in the thread if everything is working correctly?

Regards:Vulcho.
Replied 31 Jan 2013 15:51:57
31 Jan 2013 15:51:57 Dana Meyer replied:
The Video Player tool bar showing up transparent appears to be a conflict bug with Advanced Layer Popup. The Toolbar shows up correctly in IE8 on this page with no Popup.

Tool Bar good here:

www.test.beltone.com/beltone2011/hearing-health/tour-of-the-ear.aspx

Tool Bar transparent here:

www.test.beltone.com/beltone2011/products/beltone-promise.aspx


As far as the video height bug, I tried your suggestions and the video still has the height bug. I have tried this on 5 different PCs running XP IE8 with the same results.

www.test.beltone.com/beltone2011/hearing-health/tour-of-the-ear.aspx
Replied 01 Feb 2013 08:47:49
01 Feb 2013 08:47:49 Vulcho Vulev replied:
Dana lets try with IE-Only conditional stylesheet.

In your html write the following line of code:
<!--[if IE 8]>
<link href="ie.css" rel="stylesheet" type="text/css">
<![endif]-->

just beyond your doctype definition:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


After that create css file in your root named ie.css
In the css file write:

@charset "utf-8";
/* CSS Document */
/* IE8 */

.ppdisplay.active > div {
	margin-top: 0px !important;
}


Regards:Vulcho.
Replied 01 Feb 2013 14:16:22
01 Feb 2013 14:16:22 Dana Meyer replied:
Made your suggested changes and the bugs are still there.

Video html page only (video looks okay in XP IE7, but the height bug is still in IE8).

www.test.beltone.com/beltone2011/videos/crosslink-directionality.html


Video page with Popup (transparent toolbar in both XP IE7 and IE8).

www.test.beltone.com/beltone2011/products/beltone-promise.aspx
Replied 01 Feb 2013 15:26:09
01 Feb 2013 15:26:09 Vulcho Vulev replied:
Hello Dana.

After detailed preview in the code differences i found that the style.css file did not recreated proper on your hosting server.

Can you delete the file located in your site root and hosting server:

../Styles/dmxHTML5VideoPlayer/minimum/style.css

After doing that, reapply the extension in order for the new file to be created and upload the page with the new files on the hosting server.

Regards:Vulcho.



Replied 01 Feb 2013 15:42:42
01 Feb 2013 15:42:42 Dana Meyer replied:
Vulcho,

Good news the video height bug is fixed.

I still have the transparent toolbar in IE7 and IE8 using Advanced Layer Popup though.

www.test.beltone.com/beltone2011/products/beltone-promise.aspx

Also the width of the tool bar excedes the video width on the page below, isn't the toolbar width supposed to scale depending on the width of the video?

*fixed this by making the video larger so the toolbar would fit. The toolbar should scale to fit video IMO.

www.test.beltone.com/beltone2011/hearing-health/tour-of-the-ear.aspx
Replied 06 Feb 2013 16:46:33
06 Feb 2013 16:46:33 Steve Skinner replied:
I tried deleting all the video player JS and CSS files as suggested here in this thread, but IE still will not display the video in version 10 or version 8. IE 9 strangely enough works and so does Firefox or Chrome.

Seems like the extension needs more work for cross browser support, unless you have something else for me to try, and I hope you do. Let me know please...

My video is here: www.quiltingcreations.com/galleryVid.asp?catID=1&ID=5
Replied 06 Feb 2013 17:16:46
06 Feb 2013 17:16:46 Teodor Kuduschiev replied:
Hello Steve,

Both of those files are older versions:

<script type="text/javascript" src="ScriptLibrary/dmxHTML5VideoPlayer.js"></script>
<script type="text/javascript" src="ScriptLibrary/projekktor.min.js"></script>


Please delete them from the Sciptlibrary folder and reapply the player so it can recreate them.
Replied 06 Feb 2013 17:38:40
06 Feb 2013 17:38:40 Steve Skinner replied:
At first I was really confused by this, but I realized that my laptop doesn't have the most updated version of the extension - as my desktop does. That was my problem. Now that the files are all version 1.0.5, it works perfectly.

Reply to this topic