diff options
Diffstat (limited to 'controls.md')
| -rw-r--r-- | controls.md | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/controls.md b/controls.md index a74bdcf8..36267156 100644 --- a/controls.md +++ b/controls.md @@ -47,23 +47,23 @@ This is an example `html` option with all controls. ```javascript var controls = ["<div class='plyr__controls'>", "<button type='button' data-plyr='restart'>", - "<svg><use xlink:href='#icon-restart'></use></svg>", + "<svg><use xlink:href='#plyr-restart'></use></svg>", "<span class='plyr__sr-only'>Restart</span>", "</button>", "<button type='button' data-plyr='rewind'>", - "<svg><use xlink:href='#icon-rewind'></use></svg>", + "<svg><use xlink:href='#plyr-rewind'></use></svg>", "<span class='plyr__sr-only'>Rewind {seektime} secs</span>", "</button>", "<button type='button' data-plyr='play'>", - "<svg><use xlink:href='#icon-play'></use></svg>", + "<svg><use xlink:href='#plyr-play'></use></svg>", "<span class='plyr__sr-only'>Play</span>", "</button>", "<button type='button' data-plyr='pause'>", - "<svg><use xlink:href='#icon-pause'></use></svg>", + "<svg><use xlink:href='#plyr-pause'></use></svg>", "<span class='plyr__sr-only'>Pause</span>", "</button>", "<button type='button' data-plyr='fast-forward'>", - "<svg><use xlink:href='#icon-fast-forward'></use></svg>", + "<svg><use xlink:href='#plyr-fast-forward'></use></svg>", "<span class='plyr__sr-only'>Forward {seektime} secs</span>", "</button>", "<span class='plyr__progress'>", @@ -84,8 +84,8 @@ var controls = ["<div class='plyr__controls'>", "<span class='plyr__time--duration'>00:00</span>", "</span>", "<button type='button' data-plyr='mute'>", - "<svg class='icon--muted'><use xlink:href='#icon-muted'></use></svg>", - "<svg><use xlink:href='#icon-volume'></use></svg>", + "<svg class='icon--muted'><use xlink:href='#plyr-muted'></use></svg>", + "<svg><use xlink:href='#plyr-volume'></use></svg>", "<span class='plyr__sr-only'>Toggle Mute</span>", "</button>", "<span class='plyr__volume'>", @@ -94,13 +94,13 @@ var controls = ["<div class='plyr__controls'>", "<progress class='plyr__volume--display' max='10' value='0' role='presentation'></progress>", "</span>", "<button type='button' data-plyr='captions'>", - "<svg class='icon--captions-on'><use xlink:href='#icon-captions-on'></use></svg>", - "<svg><use xlink:href='#icon-captions-off'></use></svg>", + "<svg class='icon--captions-on'><use xlink:href='#plyr-captions-on'></use></svg>", + "<svg><use xlink:href='#plyr-captions-off'></use></svg>", "<span class='plyr__sr-only'>Toggle Captions</span>", "</button>", "<button type='button' data-plyr='fullscreen'>", - "<svg class='icon--exit-fullscreen'><use xlink:href='#icon-exit-fullscreen'></use></svg>", - "<svg><use xlink:href='#icon-enter-fullscreen'></use></svg>", + "<svg class='icon--exit-fullscreen'><use xlink:href='#plyr-exit-fullscreen'></use></svg>", + "<svg><use xlink:href='#plyr-enter-fullscreen'></use></svg>", "<span class='plyr__sr-only'>Toggle Fullscreen</span>", "</button>", "</div>"].join(""); |