nastylování přehrávače
parent
4a53f21281
commit
db9c865b86
@ -1,61 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<svg
|
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
|
||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
||||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
||||||
viewBox="0 0 36 32.400002"
|
|
||||||
width="36"
|
|
||||||
height="32.400002"
|
|
||||||
version="1.1"
|
|
||||||
id="svg6"
|
|
||||||
sodipodi:docname="closed-captioning-active.svg"
|
|
||||||
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07, custom)">
|
|
||||||
<metadata
|
|
||||||
id="metadata12">
|
|
||||||
<rdf:RDF>
|
|
||||||
<cc:Work
|
|
||||||
rdf:about="">
|
|
||||||
<dc:format>image/svg+xml</dc:format>
|
|
||||||
<dc:type
|
|
||||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
|
||||||
<dc:title />
|
|
||||||
</cc:Work>
|
|
||||||
</rdf:RDF>
|
|
||||||
</metadata>
|
|
||||||
<defs
|
|
||||||
id="defs10" />
|
|
||||||
<sodipodi:namedview
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#666666"
|
|
||||||
borderopacity="1"
|
|
||||||
objecttolerance="10"
|
|
||||||
gridtolerance="10"
|
|
||||||
guidetolerance="10"
|
|
||||||
inkscape:pageopacity="0"
|
|
||||||
inkscape:pageshadow="2"
|
|
||||||
inkscape:window-width="746"
|
|
||||||
inkscape:window-height="1005"
|
|
||||||
id="namedview8"
|
|
||||||
showgrid="false"
|
|
||||||
fit-margin-top="0"
|
|
||||||
fit-margin-left="0"
|
|
||||||
fit-margin-right="0"
|
|
||||||
fit-margin-bottom="0"
|
|
||||||
inkscape:zoom="4.6927083"
|
|
||||||
inkscape:cx="-19.78161"
|
|
||||||
inkscape:cy="26.506288"
|
|
||||||
inkscape:window-x="1920"
|
|
||||||
inkscape:window-y="0"
|
|
||||||
inkscape:window-maximized="0"
|
|
||||||
inkscape:current-layer="svg6"
|
|
||||||
inkscape:document-rotation="0" />
|
|
||||||
<path
|
|
||||||
d="M 34.2,0 C 35.1936,0 36,0.8064 36,1.8 v 28.8 c 0,0.9936 -0.8064,1.8 -1.8,1.8 H 1.8 C 0.8064,32.4 0,31.5936 0,30.6 V 1.8 C 0,0.8064 0.8064,0 1.8,0 Z M 12.6,9 c -3.9744,0 -7.2,3.2256 -7.2,7.2 0,3.9744 3.2256,7.2 7.2,7.2 1.98,0 3.78,-0.81 5.0904,-2.1096 L 15.1452,18.7452 C 14.4954,19.3968 13.5954,19.8 12.6,19.8 10.611,19.8 9,18.189 9,16.2 c 0,-1.989 1.611,-3.6 3.6,-3.6 0.99,0 1.8864,0.396 2.547,1.0566 l 2.5452,-2.5452 C 16.389,9.8064 14.589,9 12.6,9 Z m 12.6,0 c -3.9744,0 -7.2,3.2256 -7.2,7.2 0,3.9744 3.2256,7.2 7.2,7.2 1.9872,0 3.7872,-0.8064 5.0904,-2.1096 L 27.7452,18.7452 C 27.0936,19.3968 26.1936,19.8 25.2,19.8 c -1.989,0 -3.6,-1.611 -3.6,-3.6 0,-1.989 1.611,-3.6 3.6,-3.6 0.9954,0 1.8954,0.4032 2.547,1.0566 l 2.5452,-2.5452 C 28.989,9.8064 27.189,9 25.2,9 Z"
|
|
||||||
id="path4"
|
|
||||||
style="fill:#ffa800;fill-opacity:1;stroke-width:1.8"
|
|
||||||
sodipodi:nodetypes="ssssssssssssccsssccssssccsssccs" />
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 2.1 KiB |
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 15l-6 5.996L4.002 21A.998.998 0 0 1 3 20.007V3.993C3 3.445 3.445 3 3.993 3h16.014c.548 0 .993.456.993 1.002V15zM19 5H5v14h8v-5a1 1 0 0 1 .883-.993L14 13l5-.001V5zm-.829 9.999L15 15v3.169l3.171-3.17z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 340 B |
@ -1 +1 @@
|
|||||||
const app = new Controller();
|
const app = new Controller(new Model(), new View());
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
class Model {
|
||||||
|
constructor() {}
|
||||||
|
}
|
||||||
@ -0,0 +1,47 @@
|
|||||||
|
class View {
|
||||||
|
constructor() {
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
init() {
|
||||||
|
this.colorTogglePlaySVG();
|
||||||
|
this.enableCustomControls();
|
||||||
|
|
||||||
|
|
||||||
|
/* Obarvení aktivního komentáře - dát do special metody */
|
||||||
|
var mySVG = document.getElementsByClassName("activeIcon")[0];
|
||||||
|
var svgDoc;
|
||||||
|
mySVG.addEventListener(
|
||||||
|
"load",
|
||||||
|
function () {
|
||||||
|
svgDoc = mySVG.contentDocument;
|
||||||
|
svgDoc.getElementById("path4").style.fill = "#ffa800";
|
||||||
|
},
|
||||||
|
false
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
enableCustomControls() {
|
||||||
|
const video = document.getElementById("video");
|
||||||
|
const videoControls = document.getElementById("video-controls");
|
||||||
|
|
||||||
|
const videoWorks = !!document.createElement("video").canPlayType;
|
||||||
|
if (videoWorks) {
|
||||||
|
video.controls = false;
|
||||||
|
videoControls.classList.remove("hidden");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
colorTogglePlaySVG() {
|
||||||
|
var playSVG = document.getElementById("togglePlay");
|
||||||
|
var svgDoc;
|
||||||
|
playSVG.addEventListener(
|
||||||
|
"load",
|
||||||
|
function () {
|
||||||
|
svgDoc = playSVG.contentDocument;
|
||||||
|
svgDoc.getElementById("path4").style.fill = "#ffa800";
|
||||||
|
},
|
||||||
|
false
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
Loading…
Reference in New Issue