diff --git a/README.md b/README.md
index ff939bf..9d1b068 100644
--- a/README.md
+++ b/README.md
@@ -40,6 +40,7 @@
- [AUIOC](https://www.auioc.org)：技术支持
- [CommentCoreLibrary](https://github.com/jabbany/CommentCoreLibrary)：弹幕支持
- [ASS.JS](https://github.com/weizhenye/ASS)：字幕支持
+- [Bootstrap Icons](https://icons.getbootstrap.com)：控件图标
## 许可证
diff --git a/public/player.css b/public/player.css
index add958b..1b56d45 100644
--- a/public/player.css
+++ b/public/player.css
@@ -127,6 +127,10 @@ video {
border-width: 1px 0 0 0 !important;
}
+.controls > button.play-toggle {
+ padding: 2px 5px;
+}
+
.controls > .volume-wrapper {
display: flex;
gap: 2px;
diff --git a/src/player.player.ts b/src/player.player.ts
index 004a83a..68c1158 100644
--- a/src/player.player.ts
+++ b/src/player.player.ts
@@ -59,6 +59,8 @@ const __player_metadata__ = (function () {
'';
const icons = {
+ play: '',
+ pause: '',
volume: '',
mute: '',
danmakuOff: icon_danmaku_off,
@@ -67,6 +69,10 @@ const __player_metadata__ = (function () {
'',
subtitleOn: icon_subtitle_on,
subtitleOff: icon_subtitle_on.replace('d=', 'fill="#7e7e7e" d='),
+ exitFullscreen:
+ '',
+ fullscreen:
+ '',
} as const;
function icon(p: K) {
@@ -137,7 +143,7 @@ const __player_metadata__ = (function () {
.selfEvents({
click: (P) => P.togglePlay(),
})
- .children(...spans('⏵', '⏸'));
+ .children(...spans(icon('play'), icon('pause')));
const muteToggle = new EDC('button', 'muteToggle')
.class('mute-toggle')
@@ -345,7 +351,7 @@ const __player_metadata__ = (function () {
.selfEvents({
click: (P) => P.toggleFullscreen(),
})
- .children(...spans('🡷', '🡵'));
+ .children(...spans(icon('exitFullscreen'), icon('fullscreen')));
const danmakuList = new EDC('div', 'danmakuList')
.condition(hasDanmaku)