Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <table cellpadding="0" cellspacing="0">
- <tr>
- <td runat="server" width="680px" height="383px" id="vContainer">
- <div style="z-index: 1;" runat="server" id="cont">
- <div runat="server" style="background: rgba(200, 200, 200, 0.6) url('/images/Play.png') no-repeat center center;" id="img">
- </div>
- <video id="player" style="z-index: 1; border: 1px solid #000000;" width="100%" height="100% "
- title="" controls runat="server">
- <source runat="server" id="ffVideo" type="video/ogg" />
- <source runat="server" id="mp4Video" type="video/mp4" />
- </video>
- <embed id="playerOld" width="680px" height="383px" autostart="false" allowfullscreen="true"
- title="" style="display: none" type="application/mp4" runat="server" />
- </div>
- </td>
- </tr>
- </table
- //assign video element to variable vid
- var vid = document.getElementById("player");
- function videoTimeUpdate(e)
- {
- //set controls settings to controls,this make controls show everytime this event is triggered
- vid.setAttribute("controls","controls");
- }
- //add event listener to video for timeupdate event
- vid.addEventListener('timeupdate', videoTimeUpdate, false);
- video::-webkit-media-controls-panel {
- display: flex !important;
- opacity: 1 !important;
- }
Add Comment
Please, Sign In to add comment