rich1.0phorkiehttps://p.cweiske.de/typo3 flux: Obtain File reference object to render video tag via f:mediaChristian Weiske86400900900<!-- embedding all files of https://p.cweiske.de/743 -->
<link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/>
<div class="phork" id="743">
<div class="phork-file">
<div class="phork-content">
<div class="document">
<p><tt class="docutils literal"><f:media <span class="pre">file="{file}"></span></tt> wants a file object, one of:</p>
<ul class="simple">
<li>TYPO3CMSCoreResourceFile</li>
<li>TYPO3CMSCoreResourceFileReference</li>
<li>TYPO3CMSExtbaseDomainModelFileReference</li>
</ul>
<p>(see <a class="reference external" href="https://docs.typo3.org/m/typo3/reference-coreapi/master/en-us/ApiOverview/Fal/UsingFal/Frontend.html#the-imageviewhelper">https://docs.typo3.org/m/typo3/reference-coreapi/master/en-us/ApiOverview/Fal/UsingFal/Frontend.html#the-imageviewhelper</a>)</p>
<p>You cannot use <tt class="docutils literal"><v:content.resources.fal></tt>, because you'll get an exception then:</p>
<blockquote>
The argument "file" was registered with type "object", but is of type "array" in view helper "TYPO3CMSFluidViewHelpersMediaViewHelper".</blockquote>
<p>Solution: Use <tt class="docutils literal">v:resource.record.fal</tt> with the asObjects attribute (vhs 6.0.5)</p>
<p>Search keywords:</p>
<ul class="simple">
<li>typo3 "flux" "TYPO3CMSCoreResourceFile" object</li>
<li>typo3 f:media video flux</li>
<li>typo3 fluid vhs f:media file example</li>
</ul>
</div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/743/rev-raw/e15b3bd9dc48ece6a8bb0d6ee61e96f071d407b4/README.rst" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/743#README.rst">README.rst</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2014 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.xml .de1, .xml .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.xml {font-family:monospace;}
.xml .imp {font-weight: bold; color: red;}
.xml li, .xml .li1 {color: #DDD;}
.xml .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.xml .es0 {color: #000099; font-weight: bold;}
.xml .br0 {color: #66cc66;}
.xml .sy0 {color: #66cc66;}
.xml .st0 {color: #ff0000;}
.xml .sc-1 {color: #808080; font-style: italic;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: #000066;}
.xml .re1 {color: #000000; font-weight: bold;}
.xml .re2 {color: #000000; font-weight: bold;}
.xml span.xtra { display:block; }
</style><div class="code"><table class="xml"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
</pre></td><td class="de1"><pre class="de1"><span class="sc3"><span class="re1"><?xml</span> <span class="re0">version</span>=<span class="st0">"1.0"</span> <span class="re0">encoding</span>=<span class="st0">"utf-8"</span><span class="re2">?></span></span>
<span class="sc3"><span class="re1"><html</span> <span class="re0">xmlns</span>=<span class="st0">"http://www.w3.org/1999/xhtml"</span> <span class="re0">lang</span>=<span class="st0">"en"</span></span>
<span class="sc3">  <span class="re0">xmlns:be</span>=<span class="st0">"http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"</span></span>
<span class="sc3">  <span class="re0">xmlns:f</span>=<span class="st0">"http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"</span></span>
<span class="sc3">  <span class="re0">xmlns:flux</span>=<span class="st0">"http://typo3.org/ns/FluidTYPO3/Flux/ViewHelpers"</span><span class="re2">></span></span>
 
<span class="sc3"><span class="re1"><f:layout</span> <span class="re0">name</span>=<span class="st0">"ContentElement"</span> <span class="re2">/></span></span>
 
<span class="sc3"><span class="re1"><f:section</span> <span class="re0">name</span>=<span class="st0">"Configuration"</span><span class="re2">></span></span>
  <span class="sc3"><span class="re1"><flux:form</span> <span class="re0">id</span>=<span class="st0">"Video"</span><span class="re2">></span></span>
    <span class="sc3"><span class="re1"><flux:field.inline.fal</span> <span class="re0">name</span>=<span class="st0">"settings.video"</span></span>
<span class="sc3">      <span class="re0">required</span>=<span class="st0">"1"</span> <span class="re0">maxItems</span>=<span class="st0">"1"</span> <span class="re0">minItems</span>=<span class="st0">"0"</span> <span class="re0">collapseAll</span>=<span class="st0">"1"</span></span>
<span class="sc3">      <span class="re0">allowedExtensions</span>=<span class="st0">"mp4"</span> <span class="re2">/></span></span>
  <span class="sc3"><span class="re1"></flux:form<span class="re2">></span></span></span>
<span class="sc3"><span class="re1"></f:section<span class="re2">></span></span></span>
 
  <span class="sc3"><span class="re1"><f:section</span> <span class="re0">name</span>=<span class="st0">"Preview"</span><span class="re2">></span></span>
    {v:content.resources.fal(field: 'settings.video', record: record) -> v:iterator.first() -> v:variable.set(name: 'video')}
    <span class="sc3"><span class="re1"><f:if</span> <span class="re0">condition</span>=<span class="st0">"{video}"</span><span class="re2">></span></span>
      Video: {video.identifier}
    <span class="sc3"><span class="re1"></f:if<span class="re2">></span></span></span>
  <span class="sc3"><span class="re1"></f:section<span class="re2">></span></span></span>
 
  <span class="sc3"><span class="re1"><f:section</span> <span class="re0">name</span>=<span class="st0">"Main"</span><span class="re2">></span></span>
    {v:resource.record.fal(table: 'tt_content', field: 'settings.video', record: record, asObjects: 1) -> v:iterator.first() -> v:variable.set(name: 'video')}
    <span class="sc3"><span class="re1"><f:if</span> <span class="re0">condition</span>=<span class="st0">"{video}"</span><span class="re2">></span></span>
      <span class="sc3"><span class="re1"><f:media</span> <span class="re0">file</span>=<span class="st0">"{video}"</span> <span class="re0">additionalAttributes</span>=<span class="st0">"{controls: 'controls'}"</span><span class="re2">/></span></span>
    <span class="sc3"><span class="re1"></f:if<span class="re2">></span></span></span>
  <span class="sc3"><span class="re1"></f:section<span class="re2">></span></span></span>
<span class="sc3"><span class="re1"></html<span class="re2">></span></span></span>
 </pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/743/rev-raw/e15b3bd9dc48ece6a8bb0d6ee61e96f071d407b4/Video.html" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/743#Video.html">Video.html</a>
</div>
</div>
</div>