src/pyams_content/component/paragraph/zmi/templates/video-summary.pt
changeset 406 5527bc086216
parent 405 9c147733c02e
child 407 0ef5de2d5674
equal deleted inserted replaced
405:9c147733c02e 406:5527bc086216
     1 <h3 tal:condition="view.title"
       
     2 	tal:content="view.title">title</h3>
       
     3 <div tal:condition="view.body"
       
     4 	 tal:content="structure view.body">body</div>
       
     5 <div tal:condition="view.description"
       
     6 	 tal:content="structure extension:html(view.description)">Description</div>
       
     7 <div class="flowplayer"
       
     8 	 data-ams-plugins="flowplayer"
       
     9 	 data-ams-plugin-flowplayer-async="false"
       
    10 	 data-ams-callback="PyAMS_media.initPlayer"
       
    11 	 tal:attributes="data-ams-plugin-flowplayer-src extension:resource_path('pyams_media.skin:flowplayer');
       
    12 					 data-ams-plugin-flowplayer-css extension:resource_path('pyams_media.skin:functional_css');
       
    13 					 data-ams-callback-source extension:resource_path('pyams_media.skin:pyams_media');">
       
    14 	<video
       
    15 		tal:define="video context.data;
       
    16 					href extension:absolute_url(video);
       
    17 					thumbnails extension:thumbnails(video);
       
    18 					conversions extension:conversions(video);
       
    19 					size thumbnails.get_image_size();"
       
    20 		tal:attributes="poster string:${href}/++thumb++${size[0]}x${size[1]}.png">
       
    21 		<tal:loop repeat="conversion conversions.get_conversions(order=('video/webm','video/mp4','video/x-flv'))">
       
    22 			<source type="video/mp4"
       
    23 					tal:define="media_width conversions.get_conversion_width(conversion.__name__);
       
    24 								video_type extension:video_type(conversion);"
       
    25 					tal:condition="video_type"
       
    26 					tal:attributes="type video_type;
       
    27 									src extension:absolute_url(conversion);
       
    28 									media 'all and (max-width: {0}px)'.format(media_width) if media_width else None;" />
       
    29 		</tal:loop>
       
    30 	</video>
       
    31 </div>