即使它没有太多文档我可以在这个主题上找到我知道在mediaelement.js你可以改变音频播放器的皮肤或修改CSS来创建你自己的皮肤.我遇到了一个问题,我甚至无法获得默认的mediaelement.js皮肤来替换浏览器播放器,因此我无法将默认CSS修改为我的样式需求.当我尝试使用mediaelement.js在其网站上使用的player.changeSkin()方法时,它会暂停程序.我包括皮肤CSS以及其他所需的mediaelement.js文件,至少据我所知,他们的播放器工作正常,直到我尝试更换皮肤.我正在使用此代码来传输音频,您可以在http://escapetodenton.com/radio/compact-player.html找到工作版本(在尝试为播放器设置外观之前的最后一次工作上传).出于某种原因,玩家本身现在还没有在我的firefox版本中渲染,所以如果你有chrome或者你会更好地了解我正在尝试做什么.
标头中导入的文件:
<script src="build/jquery.js"></script>
<script src="build/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="build/mediaelementplayer.css" />
<link rel="stylesheet" href="build/mejs-skins.css" />
<script language="javascript" type="text/javascript"src="http://premiumca5.listen2myradio.com/system/streaminfo.js"></script>
<link rel="stylesheet" href="compact-player.css" />
玩家实例化和发布:
var player = new MediaElement('player', {
pluginPath: '/build/',
features: ['playpause','progress','current','duration','volume'],
audioWidth: 400,
enableAutosize: false,
iPadUseNativeControls: true,
iPhoneUseNativeControls: true,
AndroidUseNativeControls: true,
success: function(player, node) {
player.changeSkin('mejs-ted');
player.play();
}
});
由于我找不到有关changeSkin()方法的任何文档,我只是以与mediaelement.js在其主页代码中使用它相同的方式使用它.任何帮助或想法将不胜感激.