使用javascript更改媒体播放器的图标字体
Using javascript to change an icon-font for a media player?
我正在尝试开发一个非常简单的音频播放器,只需一个播放/暂停按钮和一个静音/取消静音按钮。
我想使用Font Awesome来显示播放/暂停和静音/取消静音的图标。
我在放代码的地方创建了一把小提琴。http://jsfiddle.net/EsC6L/
我得到一个错误"未捕获的语法错误:意外标识符"
控制台将innerHTML中的语法标识为不正确。
btnPlayPause.addEventListener("click", function() {
if (myAudio.paused) {
myAudio.play();
btnPlayPause.innerHTML = "<i class="icon-pause"></i>";
}
else {
myAudio.pause();
btnPlayPause.innerHTML = "<i class="icon-play"></i>";
}
});
btnPlayPause作为var卸载,myAudio也是如此。
在HTML方面,我有以下
<div class="controls">
<button id="btnPlayPause">Play</button>
<button id="btnMute">Mute</button>
</div><!-- /controls -->
我对如何解决这个问题感到困惑。
btnPlayPause.innerHTML = "<i class='"icon-pause'"></i>";
演示:http://jsfiddle.net/EsC6L/2/
相关文章:
- 向上滑动操作后,字体真棒图标不显示
- 在jquery中设置字体真棒图标
- 如何导出字体真棒svg图标作为base64网址
- 我如何更改谷歌页面编辑器使用字体真棒图标
- 字体真棒图标不显示
- 单击社交媒体图标(字体真棒)而未重定向到href
- 如何将 dijit 树中的图标替换为字体真棒图标
- 如何让导入的 css 字体/图标对影子 dom 中的元素产生影响
- 是否可以在悬停时在两个字体图标之间切换
- 在 JavaScript 之前加载字体图标
- 在占位符上选择2字体真棒图标
- 字体真棒图标,带有点击事件集
- 单击按钮上的图标字体图标(有时是文本)时,Backbone.js事件未触发
- 使用javascript更改媒体播放器的图标字体
- 对图标字体HTML实体进行编码
- 在浏览器中使用图标字体's通知API
- 更改字体图标(字体真棒)在IE中不起作用
- 谷歌材料图标字体-完全浏览器支持指南
- 正在尝试获取图标字体的内容值
- 鼠标悬停时在图像中心显示图标字体