如何从Yahoo Media Player中删除这些darn按钮?

时间:2013-07-18 19:19:26

标签: jquery media-player yahoo

我的网站上有Yahoo Media Player,链接时弹出mp3文件,但播放/暂停按钮不会消失!我尝试过,CSS,甚至jQuery尝试删除它,但它不起作用。如何通过Yahoo Web Player摆脱与页面上所有链接相关的按钮。

它只有14x14像素,而且太小了,但我甚至无法调整它的大小。这是它的样子:

enter image description here

但实际上,我只是希望它完全消失!

在头标记中有这个

<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>

如何摆脱此按钮,只想让链接本身打开播放器。或者,如果我可以将按钮的大小调整为文本的实际大小,也可以。

1 个答案:

答案 0 :(得分:0)

没关系,通过添加.remove()

让它与setInterval(functionToCheckForExistence, 500);一起使用

在检查它是否存在的函数内,如果它存在,则删除它,如果没有,则清除Interval。

现在很棒!

Arggg,在Windows 7上的Firefox中不起作用(经过测试并仍显示)... arggg!