<div class="col s6 m4 video {{ video.provider }}">
    <div class="card hoverable">
        <div class="card-image">
            <a href="{{ video.custom_url }}">
                <img :src="video.thumbnail" alt="{{ video.title }}" />
            </a>
            <span class="fui-play" style="position: absolute; top: 35%; left: 45%; color: #fff; font-size: 30px; text-shadow: 0px 0px 20px #000, 1px -3px 0px #45c8a9" data-url="{{ video.custom_url }}"></span>

            <span class="video-source {{ video.provider }}">
                {{ video.provider }}
            </span>
        </div>
        <div class="card-content">
            <h1>
                <a href="{{ video.custom_url }}" class="black-text">
                    {{ video.title }}
                </a>
            </h1>
        </div>
        <!-- <div class="card-action">
            <a href="{{ video.custom_url }}" title="{{ video.title }}">
                Watch video
            </a>
            <a href="#" v-on:click="saveForLater()">
                Watch later
            </a>
        </div> -->
    </div>
</div>

<div class="col s6 m4 video {{ video.provider }}">
    <div class="card hoverable">
        <div class="card-image">
            <a href="{{ video.custom_url }}">
                <img :src="video.data.thumbnail" alt="{{ video.data.title }}" />
            </a>
            <span class="fui-play" style="position: absolute; top: 35%; left: 45%; color: #fff; font-size: 30px; text-shadow: 0px 0px 20px #000, 1px -3px 0px #45c8a9" data-url="{{ video.custom_url }}"></span>

            <span class="video-source {{ video.provider }}">
                {{ video.provider }}
            </span>
        </div>
        <div class="card-content">
            <h1>
                <a href="{{ video.custom_url }}" class="black-text">
                    {{ video.data.title }}
                </a>
            </h1>
        </div>
    </div>
</div>

Update to new data structure for video card
Update to new data structure for video card
