11 replies to this topic

[envidea]

How can I obtain in twig the duration of video?

 

I have this template for main player and I want to show the duration of the video

 

This is my code:

 

<div class="tubepress-normal-player js-tubepress-player-normal" style="width: {% if responsiveEmbeds %}100%{% else %}{{ embeddedWidthPx }}px{% endif %}">

 

    {% block normalPlayerTitle %}

 

        {#

         # <div class="tubepress-big-title">

         #

         # A <div> to hold the media items's title.

         #}

        <span class="tubepress-big-title">

            {{- mediaItem.title -}}

        </span>

 

    {% endblock %}

 

{% block normalPlayerDuration %}

 

<span class="tubepress_iconos">

<span><i class="icon-hd"></i></span>

  <span><i class="icon-duration"></i>{{- mediaItem.duration-}}</span>

</span>

 

{% endblock %}

 

    {% block normalPlayerEmbeddedSource %}

        {{ embeddedSource|raw }}

    {% endblock %}

 

</div>

[eric]

Hi,

 

This snippet:

{{ mediaItem.duration }}

should output the duration of the video. I see you have that already in the template. Is it not showing up as expected? Are you using TubePress for WordPress or standalone PHP?

 

Let us know and we'll get things fixed up for you. Thanks!

[envidea]

I use TB for Wordpress

 

Does the part of "{% block normalPlayerDuration %}" good? I invented it

 

Thank you!

[envidea]

Another question, how can I obtain the id of the video that is active in the player?

 

Where I can see all the vars that I can use in twig?

 

Thx

[eric]

Apologies for the delay in response - we were out of the office for the Memorial Day holiday here in the US.

 

Before I can help you further, I'll need to know the logical name of the template you're trying to edit. Once I know that I'll be able to provide you with lots more info.

 

Thanks!

[envidea]

Hi eric, no problem for the delay

 

the logical name is: /wp-content/tubepress-content/themes/starter/templates/gallery/players/normal/ajax.html.twig

 

I need to know the duration of the video in player and its ID

 

Thank you

[eric]

Thanks. The following template should do the job. I simply formatted your HTML a little and added a space:

<div class="tubepress-normal-player js-tubepress-player-normal" style="width: {% if responsiveEmbeds %}100%{% else %}{{ embeddedWidthPx }}px{% endif %}">

    {% block normalPlayerTitle %}

        {#
         # <div class="tubepress-big-title">
         #
         # A <div> to hold the media items's title.
         #}
        <span class="tubepress-big-title">
            {{- mediaItem.title -}}
        </span>

    {% endblock %}

    {% block normalPlayerDuration %}

        <span class="tubepress_iconos">
            <span>
                <i class="icon-hd"></i>
            </span>
            <span>
                <i class="icon-duration"></i>
                {{- mediaItem.duration -}}
            </span>
        </span>

    {% endblock %}

    {% block normalPlayerEmbeddedSource %}
        {{ embeddedSource|raw }}
    {% endblock %}

</div>

You'll want to make sure that you're editing the template in your own, custom theme. Based on the path from your last post (/wp-content/tubepress-content/themes/starter/templates/gallery/players/normal/ajax.html.twig), I'm concerned that you're making changes to the "starter" theme. Please ensure that you have carefully followed the quick theme tutorial to make sure you're editing the right files.

 

Lastly, you'll need to clear your TubePress system cache anytime you make an edit to a template file.

 

Give that a try?

[eric]

Also, to get the video's ID you can use:

{{ mediaItem.id }}

[envidea]

Thank a lot, Eric!

 

The id works perfectly! but I can't show the duration :/

 

Can I send you a PM with my web's data so you can look inside?

[eric]

Glad to hear we're making progress! Better than a PM, could you send credentials to me via a new ticket? It's just as secure as sending a PM and is easier for us to stay on top of things. Of course, a PM is fine too if you'd prefer for any reason.

 

Thanks

[envidea]

Perfect, I sent you a ticket

 

Thx

[envidea]

A lot of thanks, you solved my problem perfectly