0

我的网站上有雅虎媒体播放器，链接时会弹出 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>

我如何摆脱这个按钮，只希望链接本身打开播放器。或者，如果我可以将按钮调整为文本的实际大小，那也可以。

4

1 回答 1

0

没关系，.remove()通过添加一个setInterval(functionToCheckForExistence, 500);

比在检查它是否存在的函数中，如果存在则删除它，如果不存在，则清除间隔。

现在效果很好！

Arggg，在 Windows 7 上的 Firefox 中不起作用（测试并仍然显示）... arggg！

于 2013-07-18T19:45:57.193 回答