Vimeo Info Box

Info Box is a plugin for Vimeo Wrap that allows you to add video information like the title, description, author, author image, number of plays, number of likes... below or above the Vimeo Player.

The information gets updated automatically when a new playlist item is selected.

Usage

<div id="player"></div>
<script src="https://luwes.github.io/vimeowrap.js/vimeowrap.js"></script>
<script src="https://luwes.github.io/vimeowrap.js/vimeowrap.infobox.js"></script>
<script>
    vimeowrap('player').setup({
        urls: [
            'https://vimeo.com/user3709818'
        ],
        plugins: {
            'infobox':{}
        }
    });
</script>

Configuration

position (bottom) Position of info box (bottom | top | left | right)
size (130) Size of info box in pixels
template HTML template of the info box, the default template can be seen below.

Default Template

<a href="{{user_url}}">
    <img class="portrait" src="{{user_portrait_medium}}"/>
</a>
<div class="title">
    <a href="{{url}}" title="{{title}}">{{title|truncate:20}}</a>
</div>
<div class="byline">
    from <a href="{{user_url}}">{{user_name}}</a> 
    <time datetime="{{upload_date}}">
        {{upload_date|timesince}} ago
    </time>
</div>
<p class="desc">{{description|truncate:100}}</p>