gery51
Gerard Coppejans
e-mail: Gerard.Coppejans@telenet.be

I am working with:
 
OSX EL Capitan vs 10.11.6
Intel Core I5
8GB Ram DDR3
1TB Fusing HD
Video card Intel Iris 1536 MB

The Brain 9 Free version

The problem:
When i want to start a Html5 file in the Notes screen with imbedded video's i received an error

thebrain9_video_error.png  Here is the html code:

 

<!doctype html>

 

<html>

 

<head>

 

<meta charset="iso-8859-1">

 

<title>Hoofdstuk 8 Films</title>

 

<meta name="generator" content="Quick 'n Easy Web Builder - http://www.quickandeasywebbuilder.com">

 

<style>

 

div#container

 

{

 

width: 1220px;

 

position: relative;

 

margin: 0 auto 0 auto;

 

text-align: left;

 

}

 

body

 

{

 

background-color: #FFFFFF;

 

color: #000000;

 

font-family: Arial;

 

font-size: 13px;

 

line-height: 1.1875;

 

margin: 0;

 

text-align: center;

 

}

 

</style>

 

<script src="js/jscookmenu.js"></script>

 

<link href="cupertino/jquery.ui.all.css" rel="stylesheet">

 

<style>

 

h1

 

{

 

font-family: Arial;

 

font-weight: bold;

 

font-size: 32px;

 

line-height: 36px;

 

font-style: normal;

 

text-decoration: none;

 

color: #000000;

 

margin: 0px 0px 0px 0px;

 

padding: 0px 0px 0px 0px;

 

display: inline;

 

}

 

 

 

h4

 

{

 

font-family: Arial;

 

font-weight: normal;

 

font-size: 21px;

 

line-height: 25px;

 

font-style: italic;

 

text-decoration: none;

 

color: #000000;

 

margin: 0px 0px 0px 0px;

 

padding: 0px 0px 0px 0px;

 

display: inline;

 

}

 

 

 

h6

 

{

 

font-family: Arial;

 

font-weight: normal;

 

font-size: 16px;

 

line-height: 20px;

 

font-style: normal;

 

text-decoration: none;

 

color: #000000;

 

margin: 0px 0px 0px 0px;

 

padding: 0px 0px 0px 0px;

 

display: inline;

 

}

 

 

 

a

 

{

 

color: #0000FF;

 

text-decoration: underline;

 

}

 

a:visited

 

{

 

color: #800080;

 

}

 

a:active

 

{

 

color: #FF0000;

 

}

 

a:hover

 

{

 

color: #0000FF;

 

text-decoration: underline;

 

}

 

#MediaPlayer1

 

{

 

position: absolute;

 

left: 0;

 

top: 0;

 

width: 100%;

 

height: 100%;

 

}

 

#MediaPlayer2

 

{

 

position: absolute;

 

left: 0;

 

top: 0;

 

width: 100%;

 

height: 100%;

 

}

 

#MediaPlayer3

 

{

 

position: absolute;

 

left: 0;

 

top: 0;

 

width: 100%;

 

height: 100%;

 

}

 

#MediaPlayer4

 

{

 

position: absolute;

 

left: 0;

 

top: 0;

 

width: 100%;

 

height: 100%;

 

}

 

#wb_Text1

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

#wb_Text2

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

#wb_Text3

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

#wb_Text4

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

#voetnoot

 

{

 

background-color: #F4F4F4;

 

}

 

#wb_CopyRight

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

#Header

 

{

 

background-color: #F4F4F4;

 

}

 

#wb_Titel

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

#Hoofdmenu, #Hoofdmenu .ui-menu-item a

 

{

 

font-family: Arial;

 

font-weight: normal;

 

font-size: 19px;

 

}

 

#Hoofdmenu li

 

{

 

display: inline-block;

 

list-style: none;

 

width: auto;

 

}

 

#Hoofdmenu li.submenu

 

{

 

display: block;

 

}

 

#Hoofdmenu

 

{

 

padding: 2px 2px 2px 2px;

 

}

 

#Hoofdmenu .ui-menu-item a

 

{

 

line-height: 23px;

 

padding: 2px 4px 2px 4px;

 

display: inline-block;

 

}

 

#Hoofdmenu li ul .ui-menu-item

 

{

 

width: 10px;

 

display: inline-block;

 

}

 

#wb_Text1

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

#wb_Text2

 

{

 

background-color: transparent;

 

border: 0px #C0C0C0 solid;

 

overflow-y: hidden;

 

padding: 0;

 

text-align: left;

 

}

 

</style>

 

<script src="js/jquery-1.11.2.min.js"></script>

 

<script src="js/jquery.ui.core.min.js"></script>

 

<script src="js/jquery.ui.widget.min.js"></script>

 

<script src="js/jquery.ui.position.min.js"></script>

 

<script src="js/jquery.ui.menu.min.js"></script>

 

<script>

 

$(document).ready(function()

 

{

 

var HoofdmenuOpts =

 

{

 

icons: { submenu: 'ui-icon-carat-1-n' },

 

position: { my: 'left top', at: 'right top' }

 

};

 

$("#Hoofdmenu").menu(HoofdmenuOpts);

 

});

 

</script>

 

</head>

 

<body>

 

<div id="container">

 

<div id="ContentPlaceHolderMaster" style="position:absolute;left:186px;top:99px;width:794px;height:635px;background-color:#FFFFFF;z-index:5">

 

 

 

<div id="wb_MediaPlayer1" style="position:absolute;left:9px;top:1px;width:304px;height:206px;text-align:left;z-index:7;">

 

<video src="08_DSCN_3352.webmhd.webm" id="MediaPlayer1" controls="controls">

 

</video>

 

</div>

 

<div id="wb_MediaPlayer2" style="position:absolute;left:411px;top:1px;width:296px;height:204px;text-align:left;z-index:8;">

 

<video src="08_MVI_2021.webmhd.webm" id="MediaPlayer2" controls="controls">

 

</video>

 

</div>

 

<div id="wb_MediaPlayer3" style="position:absolute;left:10px;top:240px;width:304px;height:203px;text-align:left;z-index:9;">

 

<video src="08_MVI_2101.webmhd.webm" id="MediaPlayer3" controls="controls">

 

</video>

 

</div>

 

<div id="wb_MediaPlayer4" style="position:absolute;left:410px;top:240px;width:297px;height:204px;text-align:left;z-index:10;">

 

<video src="08_mvi_2681.webmhd.webm" id="MediaPlayer4" controls="controls">

 

</video>

 

</div>

 

<div id="wb_Text1" style="position:absolute;left:4px;top:210px;width:327px;height:28px;z-index:11;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div style="text-align:center"><h4>Zandslierten - Branding - Zeegang</h4></div>

 

</div>

 

</div>

 

<div id="wb_Text2" style="position:absolute;left:406px;top:211px;width:302px;height:27px;z-index:12;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div style="text-align:center"><h4>Interfereren van golven</h4></div>

 

</div>

 

</div>

 

<div id="wb_Text3" style="position:absolute;left:2px;top:447px;width:315px;height:52px;z-index:13;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div style="text-align:center"><h4>Lobvormig verspreiding van stortbrekers</h4></div>

 

</div>

 

</div>

 

<div id="wb_Text4" style="position:absolute;left:406px;top:447px;width:302px;height:52px;z-index:14;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div style="text-align:center"><h4>Zeegang - Stortbrekers - Schuimkopbrekers </h4></div>

 

</div>

 

</div>

 

</div>

 

<div id="voetnoot" style="position:absolute;text-align:left;left:2px;top:734px;width:1219px;height:56px;z-index:16;">

 

<div id="wb_CopyRight" style="position:absolute;left:727px;top:8px;width:251px;height:30px;z-index:0;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div>Copyright &copy;Ren&eacute; van Outryve 2016</div>

 

</div>

 

</div>

 

<div id="wb_Text1" style="position:absolute;left:519px;top:10px;width:145px;height:37px;z-index:1;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div style="text-align:center"><h6><u><a href="./Help.html">Help</a></u></h6></div>

 

<div> </div>

 

</div>

 

</div>

 

<div id="wb_Text2" style="position:absolute;left:183px;top:12px;width:293px;height:26px;z-index:2;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div>Webmaster: Gerard.Coppejans@telenet.be</div>

 

<div> </div>

 

</div>

 

</div>

 

</div>

 

<div id="Header" style="position:absolute;text-align:left;left:0px;top:1px;width:1216px;height:99px;z-index:17;">

 

<div id="wb_Titel" style="position:absolute;left:407px;top:6px;width:355px;height:44px;z-index:3;">

 

<div style="font-family:Arial;font-size:13px;color:#000000;">

 

<div style="text-align:center"><h1>Strand morfologie</h1></div>

 

</div>

 

</div>

 

<div id="wb_Hoofdmenu" style="position:absolute;left:185px;top:56px;width:787px;height:30px;text-align:left;z-index:1004;">

 

<ul id="Hoofdmenu">

 

<li><a href="./index.html" target="_self">HOME&nbsp;-</a></li>

 

<li><a href="./Menu_index.html" target="_self">INDEX&nbsp;-</a></li>

 

<li><a href="./Woord_vooraf.html" target="_self">WOORD&nbsp;VOORAF&nbsp;-</a></li>

 

<li><a href="./Boek.html" target="_self">BOEK&nbsp;-&nbsp;</a></li>

 

<li><a href="./Meerkeuze_Vragen.html" target="_self">MEERKEUZE&nbsp;VRAGEN&nbsp;-</a></li>

 

<li><a href="./Definities.html" target="_self">DEFINITIES</a></li>

 

</ul>

 

</div>

 

</div>

 

</div>

 

</body>

 

</html>


I am using .Webm video 

Thanks
Quote
gery51
The full website:

http://strandmorfologie.be/
Quote
mcaton
Gerard,

Testing this link on several different machines and it seems to be loading fine.  Are you clicking on a specific link from the home page that doesn't work once your browsing in TheBrain 9's built in web browser?

Thank you,
Matt
Quote
gery51
Hello Matt,

I post you the backup file in TheBrain 9 in attachment.

To see the error:
    click on Strandmorfologie
      In the notescreen click on INDEX of the menu
          click on  hoofdstuk 8. De branding
            click on Films
You will see that in the toolbar where you can start the video there is an error message.

On the other hand when i start Strandmorfologie in chrome, there is no error.

Does the brain 9 webbrowser support .webm video files ? 
Thanks you,

Gerard
Quote
pthompson
Gerard,

I am not sure if the built-in browser supports .webm. I would assume it doesn't since these videos are not playing, so I will make sure it is written up. Thanks.
Quote
gery51
Hi Guys,

I converted the .Webm video file to apple universal (.mp4) with Miro video converter.

The video played wel in The TB9 webbrowser from the note frame !

This format is also working with VLC, Quicktime player and Chroom

I would recommand this format when using video files.

Thanks anyway,
Gerard
Quote

Newsletter Signup  Newsletter        Visit TheBrain Blog   Blog       Follow us on Twitter   Twitter       Like Us on Facebook   Facebook         Circle Us on Google+  Google         Watch Us on Youtube  YouTube       

TheBrain Mind Map & Mindmapping Software     Download TheBrain Mind Mapping Software