chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Display: Add custom icons based on mdi for mediaelementjs - refs BT#21580

Browse Source
pull/5499/head
Angel Fernando Quiroz Campos 1 year ago
parent 208a284e0a
commit 4b5030554b
2 changed files with 49 additions and 1 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 46
      assets/css/scss/libs/mediaelementjs/icons.svg
  2. 4
      assets/vue/composables/mediaElementLoader.js

46
assets/css/scss/libs/mediaelementjs/icons.svg
Unescape View File

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="icon-captions" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M5,4C4.45,4 4,4.18 3.59,4.57C3.2,4.96 3,5.44 3,6V18C3,18.56 3.2,19.04 3.59,19.43C4,19.82 4.45,20 5,20H19C19.5,20 20,19.81 20.39,19.41C20.8,19 21,18.53 21,18V6C21,5.47 20.8,5 20.39,4.59C20,4.19 19.5,4 19,4H5M4.5,5.5H19.5V18.5H4.5V5.5M7,9C6.7,9 6.47,9.09 6.28,9.28C6.09,9.47 6,9.7 6,10V14C6,14.3 6.09,14.53 6.28,14.72C6.47,14.91 6.7,15 7,15H10C10.27,15 10.5,14.91 10.71,14.72C10.91,14.53 11,14.3 11,14V13H9.5V13.5H7.5V10.5H9.5V11H11V10C11,9.7 10.91,9.47 10.71,9.28C10.5,9.09 10.27,9 10,9H7M14,9C13.73,9 13.5,9.09 13.29,9.28C13.09,9.47 13,9.7 13,10V14C13,14.3 13.09,14.53 13.29,14.72C13.5,14.91 13.73,15 14,15H17C17.3,15 17.53,14.91 17.72,14.72C17.91,14.53 18,14.3 18,14V13H16.5V13.5H14.5V10.5H16.5V11H18V10C18,9.7 17.91,9.47 17.72,9.28C17.53,9.09 17.3,9 17,9H14Z" />
</symbol>
<symbol id="icon-chapters" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5,0A1.54,1.54,0,0,1,3,1.5,1.54,1.54,0,0,1,1.5,3,1.54,1.54,0,0,1,0,1.5,1.47,1.47,0,0,1,1.5,0ZM6.6,0h8.5a1.47,1.47,0,0,1,1.5,1.5A1.54,1.54,0,0,1,15.1,3H6.6A1.47,1.47,0,0,1,5.1,1.5,1.37,1.37,0,0,1,6.6,0ZM1.5,5A1.54,1.54,0,0,1,3,6.5,1.54,1.54,0,0,1,1.5,8,1.54,1.54,0,0,1,0,6.5,1.47,1.47,0,0,1,1.5,5ZM6.6,5h8.5a1.47,1.47,0,0,1,1.5,1.5A1.54,1.54,0,0,1,15.1,8H6.6A1.47,1.47,0,0,1,5.1,6.5,1.37,1.37,0,0,1,6.6,5ZM1.5,10a1.5,1.5,0,0,1,0,3A1.54,1.54,0,0,1,0,11.5,1.47,1.47,0,0,1,1.5,10Zm5.1,0h8.5a1.47,1.47,0,0,1,1.5,1.5A1.54,1.54,0,0,1,15.1,13H6.6a1.47,1.47,0,0,1-1.5-1.5A1.37,1.37,0,0,1,6.6,10Z"/>
</symbol>
<symbol id="icon-fullscreen" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z"/>
</symbol>
<symbol id="icon-unfullscreen" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z" />
</symbol>
<symbol id="icon-mute" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3,9H7L12,4V20L7,15H3V9M16.59,12L14,9.41L15.41,8L18,10.59L20.59,8L22,9.41L19.41,12L22,14.59L20.59,16L18,13.41L15.41,16L14,14.59L16.59,12Z" />
</symbol>
<symbol id="icon-unmute" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" />
</symbol>
<symbol id="icon-play" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M8,5.14V19.14L19,12.14L8,5.14Z" />
</symbol>
<symbol id="icon-pause" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M14,19H18V5H14M6,19H10V5H6V19Z" />
</symbol>
<symbol id="icon-replay" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z" />
</symbol>
<symbol id="icon-overlay-play" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" />
</symbol>
<symbol id="icon-loading-spinner" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" />
</symbol>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

4
assets/vue/composables/mediaElementLoader.js
Unescape View File

@ -1,10 +1,12 @@
import "mediaelement/build/mediaelementplayer.min.css"
import "mediaelement/full"
import iconSprite from "../../css/scss/libs/mediaelementjs/icons.svg"
const videoSelector = "video:not(.skip), audio:not(.skip)"
const mejsOptions = {
iconSprite: "/build/libs/mediaelement/mejs-controls.svg",
iconSprite,
}
function newVideosCallback(newVideo) {

Write Preview
Loading…
Cancel
Save