Question

嗨：我正在为我的乐队建立一个网站，我现在有一个YT嵌入，一个Soundcloud嵌入在首页，每个都覆盖在中心的一个元素。

当用户点击每个小部件上的播放按钮时，我希望此文本消失，并且已经想到使用jQuery（我一无所知！）来做这件事。

但是，由于文本位于窗口小部件的中间，并且播放按钮在角落中关闭，因此很难看出一次点击如何能够同时满足这两个目的。这可能吗？

抱歉不要立即提供示例;我正在MAMP上开发该网站，目前我已无法访问我的服务器，无法在线镜像。如果没有人能够在没有看到网站的情况下帮助我，我就会遇到麻烦，但是我希望有人可以提出让我走上正轨的一般想法。谢谢！

编辑：好的，我已经遇到了一些代码，开始为我解决问题。不幸的是，它适用于jsfiddle，但不适用于我的网站。可能是这种情况的任何原因？这是代码：

＆＃13;

    <div onclick="thevid=document.getElementById('thevideo');
thevid.style.display='block'; this.style.display='none'; 
document.getElementById('iframe').src = 
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');">

<img style="cursor: pointer;" src="http://wpsites.net/wp-content/uploads/2014/05/Video-Image-Overlay.png" />
</div>    
<div id="thevideo" style="display: none;">
<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/148727100&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true" width="100%" height="465" frameborder="no" scrolling="no"></iframe>
</div>

＆＃13;

在Soundcloud＆amp ;;上面获取文字叠加播放媒体时YouTube嵌入消失了吗？

0 个答案: