javascript - HTML5 Custom video player doesn't work when i insert the video within a function -


hi first of time read question , help

i'm having next issue customizing video controls in html5

in next link insert video tag directly on body , custom video controls main.js

http://pechacabeza.com/labs/webo/video/

<body onload="init()">     <div id="container" onclick="screenad.click();"></div>         <video id='media-video' controls poster="video_poster.jpg" autoplay muted class="adrime_video">             <source src='video.mp4' type='video/mp4'>             <source src='video.webm' type='video/webm'>         </video>          <div id='media-controls'>             <progress id='progress-bar' min='0' max='100' value='0'></progress>             <button id='replay-button' class='replay' title='replay' onclick='replaymedia();'></button>             <button id='play-pause-button' class='play' title='play' onclick='toggleplaypause();'></button>             <button id='mute-button' class='mute' title='mute' onclick='togglemute("false");'></button>       </div> </body> 

the point want insert video within function initialisemediaplayer inside main.js custom video controls doesn't work :s can see in next link:

http://pechacabeza.com/labs/webo/video_dynamic/

<body onload="init()">     <div id="container" onclick="screenad.click();"></div>         <div id='media-controls'>             <progress id='progress-bar' min='0' max='100' value='0'></progress>             <button id='replay-button' class='replay' title='replay' onclick='replaymedia();'></button>             <button id='play-pause-button' class='play' title='play' onclick='toggleplaypause();'></button>             <button id='mute-button' class='mute' title='mute' onclick='togglemute("false");'></button>       </div>     <div id="media-video"></div>   </body> 

any idea wrong?

thanks in advance


Comments