nastylování přehrávače

This commit is contained in:
2021-01-23 21:19:52 +01:00
parent 4a53f21281
commit db9c865b86
12 changed files with 169 additions and 112 deletions

View File

@@ -8,8 +8,9 @@
<link rel="stylesheet" href="css/style.css">
<script src="./js/controller.js"></script>
<script src="./js/model.js"></script>
<script src="./js/view.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
@@ -36,15 +37,17 @@
</div>
</aside>
<main>
<video controls preload="auto">
<source src="video.mp4" type="video/mp4">
<video controls id="video" preload="auto">
<source src="video.webm">
</souce>
</video>
<div class="video-controls hidden" id="video-controls">
<object data="./img/play.svg" type="image/svg+xml" id="togglePlay"></object>
<div class="video-progress">
<progress id="progress-bar" value="0" min="0"></progress>
<input class="seek" id="seek" value="0" min="0" type="range" step="1">
<div class="seek-tooltip" id="seek-tooltip">00:00</div>
<progress id="progress-bar" value="50" min="0" max="100"></progress>
<input class="seek" id="seek" value="50" min="0" max="100" type="range" step="1">
<div class="videoComment"><img src="./img/note.svg" alt=""><div>
</div>
</div>
</main>
@@ -60,13 +63,6 @@
</article>
</body>
<script>
var mySVG = document.getElementsByClassName("activeIcon")[0];
var svgDoc;
mySVG.addEventListener("load", function() {
svgDoc = mySVG.contentDocument;
svgDoc.getElementById("path4").style.fill = "#ffa800";
}, false);
</script>
<script src="./js/main.js"></script>
</html>