typescript 使用DCE添加视频

Posted 2021-05-21

// cinfiguration = file abstration layer
// field  = filed name in configuration

<f:for each="{dce:fal(field:'jpg_data', contentObject:contentObject)}" as="fileReference">
        <video poster="{f:uri.image(src:fileReference.uid,treatIdAsReference:1)}" autoplay="autoplay" preload="preload">
	</f:for>
		<f:for each="{dce:fal(field:'mp4_data', contentObject:contentObject)}" as="fileReference">
			<source type="video/mp4" src="{f:uri.image(src:fileReference.uid,treatIdAsReference:1)}" />
		</f:for>
		<f:for each="{dce:fal(field:'webm_data', contentObject:contentObject)}" as="fileReference">
			<source type="video/webm" src="{f:uri.image(src:fileReference.uid,treatIdAsReference:1)}" />
		</f:for>
		<f:for each="{dce:fal(field:'ogv_data', contentObject:contentObject)}" as="fileReference">
			<source type="video/ogg" src="{f:uri.image(src:fileReference.uid,treatIdAsReference:1)}" />
		</f:for>
		Your browser does not support the video tag. Please update your browser!
	</video>