我的网站上有Yahoo Media Player,链接时弹出mp3文件,但播放/暂停按钮不会消失!我尝试过,CSS,甚至jQuery尝试删除它,但它不起作用。如何通过Yahoo Web Player摆脱与页面上所有链接相关的按钮。
它只有14x14像素,而且太小了,但我甚至无法调整它的大小。这是它的样子:
但实际上,我只是希望它完全消失!
在头标记中有这个
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">var YWPParams = { autoadvance: false };</script>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>
<style type="text/css">
/* Yahoo! Media Player: Hide play/pause button */
a.ymp-btn-page-play,
a.ymp-btn-page-pause, ywp-page-btn {
margin-left:-20px !important;
}
a.ymp-btn-page-play em.ymp-skin,
a.ymp-btn-page-pause em.ymp-skin, ywp-page-btn {
display: none !important;
}
</style>
我试过的代码,但没有用:
$(document).ready(function(){
$(".ywp-page-btn").css({backgroundImage: 'none', 'display': 'none', 'height': 0, 'width': 0, maxWidth: 0, minWidth: 0 });
});
$(window).load(function(){
$(".ywp-page-btn").css({backgroundImage: 'none', 'display': 'none', 'height': 0, 'width': 0, maxWidth: 0, minWidth: 0 });
});
$(window).bind("resize", function(){
$(".ywp-page-btn").css({backgroundImage: 'none', 'display': 'none', 'height': 0, 'width': 0, maxWidth: 0, minWidth: 0 });
}).trigger("resize");
我甚至尝试了.remove()
,但这也无效。
我在正文中使用以下链接:
<a href="http://www.opportunityfinance.net/conference-2013/mp3/July9StayingConnectedCall.mp3" title="Staying Connected Call - July 9">July 9</a> and <a href="http://www.opportunityfinance.net/conference-2013/mp3/July17StayingConnectedCall.mp3" title="Staying Connected Call - July 17">July 17</a>
如何摆脱此按钮,只想让链接本身打开播放器。或者,如果我可以将按钮的大小调整为文本的实际大小,也可以。
答案 0 :(得分:0)
没关系,通过添加.remove()
setInterval(functionToCheckForExistence, 500);
一起使用
在检查它是否存在的函数内,如果它存在,则删除它,如果没有,则清除Interval。
现在很棒!
Arggg,在Windows 7上的Firefox中不起作用(经过测试并仍显示)... arggg!