nastylování přehrávače
This commit is contained in:
24
index.php
24
index.php
@@ -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>
|
||||
Reference in New Issue
Block a user