Schema.org: Video webpage layout

<div class="vidya">
    <a href="{{url_to_video}}">
        <img src="{{thumbnail_of_video}}"><!--alt???-->
        <h3>{{video_duration}}</h3>
    </a>

    <h2><a href="{{url_to_video}}">{{title}}</a></h2>
</div>

Is the proper way to use schema.org this:

<div class="vidya" itemprop="video" itemscope itemtype="http://ift.tt/yp0nX0">
    <meta itemprop="url" content="{{url_to_video}}">
    <a href="{{url_to_video}}">
        <meta itemprop="thumbnail" content="{{thumbnail_of_video}}">
        <img src="{{thumbnail_of_video}}"><!--alt???-->
        <meta itemprop="duration" content="{{time}}">
        <h3>{{video_duration}}</h3>
    </a>

    <meta itemprop="url" content="{{url_to_video}}">
    <h2><a href="{{url_to_video}}">{{title}}</a></h2>
</div>

Or am I missing something? // Not getting it