@amplience/dynamic-content-accelerators
Version:
Amplience DC Frontend modules, using HTML Service
30 lines (25 loc) • 1.52 kB
HTML
{{#if video}}
<div class='amp-dc-video-wrap'>
<video class="amp-dc-video" poster="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}?protocol=https"
controls src="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}/mp4_720p">
<source src="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}/mp4_720p"
data-res="High" data-bitrate="2119" label="High"
type="video/mpeg4" codecs="h264">
<source src="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}/mp4_480p"
data-res="Medium" data-bitrate="689" label="Medium"
type="video/mpeg4" codecs="h264">
<source src="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}/mp4_240p"
data-res="Low" data-bitrate="325" label="Low"
type="video/mpeg4" codecs="h264">
<source src="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}/webm_720p"
data-res="High" data-bitrate="2000" label="High"
type="video/webm" codecs="vp8">
<source src="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}/webm_480p"
data-res="Medium" data-bitrate="624" label="Medium"
type="video/webm" codecs="vp8">
<source src="//{{video.defaultHost}}/v/{{video.endpoint}}/{{video.name}}/webm_240p"
data-res="Low" data-bitrate="325" label="Low"
type="video/webm" codecs="vp8">
</video>
</div>
{{/if}}