danielsiepmann/ds-site
danielsiepmann/ds-site
1
0
Code Activity
ds-site/Resources/Private/Partials/Video.html

20 lines
1.1 KiB
HTML
Raw Normal View History

Add basic video content element and first video Allow to render videos with native HTML5 support in browser. A first example video is also added to fileadmin.
2020-08-19 23:01:35 +02:00
<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
<figure>
Add youtube and poster support to files Respect them in video element.
2020-08-21 12:43:33 +02:00
<video controls {f:if(condition: video.properties.poster.publicUrl, then: 'poster="{video.properties.poster.publicUrl}"')}>
<source src="https://daniel-siepmann.de/fileadmin/Videos/PHPUnit/UnitTesting-Introduction.mp4" type="video/mp4">
Add basic video content element and first video Allow to render videos with native HTML5 support in browser. A first example video is also added to fileadmin.
2020-08-19 23:01:35 +02:00
<p>
Sorry, your browser doesn't support embedded videos.<br>
Add youtube and poster support to files Respect them in video element.
2020-08-21 12:43:33 +02:00
You can find the raw video file here: <a href="{video.publicUrl}">{video.publicUrl}</a>.
Add basic video content element and first video Allow to render videos with native HTML5 support in browser. A first example video is also added to fileadmin.
2020-08-19 23:01:35 +02:00
</p>
</video>
<figcaption>
<p>Video v{video.originalFile.uid}: {video.title}</p>
Add youtube and poster support to files Respect them in video element.
2020-08-21 12:43:33 +02:00
<f:if condition="{video.properties.youtube}">
<p>The Video is available on YouTube: <f:link.typolink parameter="https://www.youtube.com/watch?v=EZkwnqb-4vk" target="_blank">https://www.youtube.com/watch?v={video.properties.youtube}</f:link.typolink>.</p>
</f:if>
Add basic video content element and first video Allow to render videos with native HTML5 support in browser. A first example video is also added to fileadmin.
2020-08-19 23:01:35 +02:00
<p>{video.description -> f:format.nl2br()}</p>
</figcaption>
</figure>
</html>
Copy permalink