1 <div class="flowplayer" |
1 <div class="flowplayer" |
2 data-ams-plugins="flowplayer" |
2 data-ams-plugins="flowplayer" |
3 data-ams-plugin-flowplayer-async="false" |
3 data-ams-plugin-flowplayer-async="false" |
4 data-ams-callback="PyAMS_media.initPlayer" |
4 data-ams-callback="PyAMS_media.initPlayer" |
5 tal:attributes="data-ams-plugin-flowplayer-src extension:resource_path('pyams_media.skin:flowplayer'); |
5 tal:attributes="data-ams-plugin-flowplayer-src tales:resource_path('pyams_media.skin:flowplayer'); |
6 data-ams-plugin-flowplayer-css extension:resource_path('pyams_media.skin:functional_css'); |
6 data-ams-plugin-flowplayer-css tales:resource_path('pyams_media.skin:functional_css'); |
7 data-ams-callback-source extension:resource_path('pyams_media.skin:pyams_media');" |
7 data-ams-callback-source tales:resource_path('pyams_media.skin:pyams_media');" |
8 data-ams-flowplayer-events='{"pause": "PyAMS_media.getPlayerTime", "seek": "PyAMS_media.getPlayerTime"}'> |
8 data-ams-flowplayer-events='{"pause": "PyAMS_media.getPlayerTime", "seek": "PyAMS_media.getPlayerTime"}'> |
9 <video |
9 <video |
10 tal:define="href extension:absolute_url(context); |
10 tal:define="href tales:absolute_url(context); |
11 thumbnails extension:thumbnails(context); |
11 thumbnails tales:thumbnails(context); |
12 conversions extension:conversions(context); |
12 conversions tales:conversions(context); |
13 size thumbnails.get_image_size();" |
13 size thumbnails.get_image_size();" |
14 tal:attributes="poster string:${href}/++thumb++${size[0]}x${size[1]}.png?_=${view.timestamp}"> |
14 tal:attributes="poster string:${href}/++thumb++${size[0]}x${size[1]}.png?_=${view.timestamp}"> |
15 <tal:loop repeat="conversion conversions.get_conversions(order=('video/webm','video/mp4','video/x-flv'))"> |
15 <tal:loop repeat="conversion conversions.get_conversions(order=('video/webm','video/mp4','video/x-flv'))"> |
16 <tal:if define="video_type extension:video_type(conversion);" |
16 <tal:if define="video_type tales:video_type(conversion);" |
17 condition="video_type"> |
17 condition="video_type"> |
18 <source type="video/mp4" |
18 <source type="video/mp4" |
19 tal:define="media_width conversions.get_conversion_width(conversion.__name__); |
19 tal:define="media_width conversions.get_conversion_width(conversion.__name__); |
20 media_src extension:absolute_url(conversion)" |
20 media_src tales:absolute_url(conversion)" |
21 tal:attributes="type video_type; |
21 tal:attributes="type video_type; |
22 src media_src.replace('+', '%2b'); |
22 src media_src.replace('+', '%2b'); |
23 media 'all and (max-width: {0}px)'.format(media_width) if media_width else None;" /> |
23 media 'all and (max-width: {0}px)'.format(media_width) if media_width else None;" /> |
24 </tal:if> |
24 </tal:if> |
25 </tal:loop> |
25 </tal:loop> |