Tumblr Custom VideoThumbnail. Таргетинг пользовательской CSS на конкретную постоянную ссылку

Question

Я пытаюсь настроить миниатюры видео на Tumblr, чтобы нацеливать конкретное изображение на каждую запись.

HTML код:

{block:Video}
    <div class="media-embed">
        {block:IndexPage}
            <script class="template-replace" type="text/template">
                {VideoEmbed-700}
            </script>
            <div class="video-thumbnail template-remove"{block:VideoThumbnail} style="background-image:url({VideoThumbnailURL});"{/block:VideoThumbnail}></div>
        {/block:IndexPage}
        {block:PermalinkPage}
            {VideoEmbed-700}
        {/block:PermalinkPage}
        {block:IndexPage}
            <div class="video button-overlay {select:Button colors} template-remove"></div>
        {/block:IndexPage}
    </div>
    {block:Caption}
        <div class="caption">
            {Caption}
                {block:More}{block:IfReadMoreText}<p class="read-more-text"><a href="{Permalink}">{text:Read More Text}</a></p>{/block:IfReadMoreText}{/block:More}
        </div>
    {/block:Caption}
{/block:Video}

Я думаю, что я должен заменить style="background-image:url({VideoThumbnailURL}) но я не могу понять, каким кодом я должен заменить его. Какие-нибудь мысли? Спасибо! В

Answer 1

Попробуй это:

{block:VideoThumbnail}
{VideoThumbnailURL}
{/block:VideoThumbnail}

Answer 2

Я предлагаю вам взглянуть на переменную {TagsAsClasses}.

 <div class="video-thumbnail template-remove {TagsAsClasses}"{block:VideoThumbnail} style="background-image:url({VideoThumbnailURL});"{/block:VideoThumbnail}></div>

Вы можете пометить каждое видео сообщение уникальным тегом, а затем просто оформить его с помощью CSS.

.thumbnailtest {
/* add your styles here */
 }