HTML5 Video Player Support Product Page

HTML5 player doesn't play the video on an Android tablet; just displays a grey box.

Asked 27 Mar 2013 11:49:21
1
has this question
27 Mar 2013 11:49:21 Warren Kreckler posted:
Here is the link: www.bonheurrealtyservices.com/tfl/

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to 10 Tryon Farm Lane</title>
<link rel="stylesheet" type="text/css" href="Styles/dmxHTML5VideoPlayer/minimum/style.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxHTML5VideoPlayer.js"></script>
<script type="text/javascript" src="ScriptLibrary/projekktor.min.js"></script>
</head>

<body>

<img src="images/bacground2.jpg" class="bg">

<div style="width:1024px; margin:100px auto;">
<div class="dmxHTML5VideoPlayer minimum" id="tryonfarm">
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#tryonfarm".dmxHTML5VideoPlayer(
{"width": 1024, "height": 576, "poster": "images/rooster.jpg", "autoplay": true, "continuous": false, "controls": false, "enableFullscreen": false, "enableKeyboard": false, "playlist": [{"0": {"src": "roostervid_1024.mp4", "type": "video/mp4"}, "1": {"src": "roostervid_1024.webm", "type": "video/webm"}, "2": {"src": "roostervid_1024.ogv", "type": "video/ogg"}, "config": {"poster": "images/rooster.jpg"}}]}
);
}
);
// ]]>
</script>
<script type="text/JavaScript">
<!--
setTimeout("location.href = 'home.html';",19000);
-->
</script>
</body>
</html>

Replies

Replied 27 Mar 2013 12:15:53
27 Mar 2013 12:15:53 Vulcho Vulev replied:
Hello Warren.

Currently on mobile devices autoplay events are disabled in order to save bandwith.

This table lists which browsers support the autoplay, loop and muted attributes and which OS not:




Regards:Vulcho.

Reply to this topic