<!doctype html>
<title>Video Player</title> <style> .wide { width: 700px; height: 450px; margin:20px auto; }.wide video { width: 700px; height: 440px; background:rgb(11, 22, 1); } h1 { font-family: Helvetica, Arial, sans-serif; text-align: center; font-size:50px; margin-top:20px; color:#fff; text-shadow: 2px 2px 0px rgba(255,255,255,.7), 5px 7px 0px rgba(0, 0, 0, 0.1); } video::-webkit-media-controls-panel{ background:rgba(0, 0, 0, 0.1) } video::-webkit-media-controls-current-time-display{color:#fff} video::-webkit-media-controls-time-remaining-display{color:#fff} </style>
<script src="./script.js"></script> <script> $( document ).ready(function() { var adManager = function () { var vid = document.getElementById("vid1564730217"), adSrc = "./entrada.mp4", src; var adEnded = function () { vid.removeEventListener("ended", adEnded, false); vid.src = src; vid.load(); vid.play(); $('<style>video::-webkit-media-controls-play-button{display:block}</style>').appendTo('head');};
return {
init: function () {
src = vid.src;
vid.src = adSrc;
vid.load();
vid.addEventListener("ended", adEnded, false);