css - 创建一个 tumblr 主题 - 音频帖子不显示在博客上

Question

我正在创建一个新的 tumblr 主题(实际上我快完成了)。我遇到的唯一问题(我在最后一个主题上遇到了同样的问题)是无论我如何格式化音频帖子，它都不会出现在我的博客上。我的格式化音频在仪表板上和自定义主题页面上发布了如何发布。

我看到音频/视频帖子有时会出现无限滚动问题，所以我删除了所有脚本。音频帖子仍然没有显示。

这是我的音频帖子代码:

{block:Audio}

<div id="post">

{block:AudioPlayer}
<div id="audioplayer">
{AudioPlayerBlack}
</div>
{/block:AudioPlayer}

<div id="albumart">
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
</div>

</div>         
{/block:Audio}

这是那些 div 的 css(以防出现问题)

#post
{
float: left;
padding: 5px;
margin: 4px;
background-color: {color:Post Background};
width: 215px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
box-shadow: 2px 2px 4px {color:Post Shadow};
}


#albumart
{
margin: 3px;
margin-bottom: 2px;
width:207px;
height: 207px;
border: 1px solid {color:Border Color};
overflow: hidden;
}

#audioplayer
{
width:25px;
height:25px;
overflow:hidden;
position:absolute;
margin-top:100px;
margin-left:100px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
opacity:0.75;
border:5px solid black;
}

你可以在这里看到:smash-howard.tumblr.com

Answer 1

由于这还没有更新答案，而且我遇到了类似的问题，所以需要做的是:

{block:Posts}
...

{block:Audio}
    {block:AudioEmbed}
    <div class="audio-embed">
        {AudioEmbed-400}
    </div>
    {/block:AudioEmbed}
    {block:AudioPlayer}
    <div class="audio-player">
        {AudioPlayerBlack}
    </div>
    {/block:AudioPlayer}
{/block:Audio}

...
{/block:Posts}

这样您就可以考虑两种可能的音频后期处理方案:音频嵌入和音频播放器。仅占一个会导致另一个不显示，这就是本例中发生的情况。