https://techspecs.iqd-ao.de/en/index.php?action=history&feed=atom&title=Inline_Video-Expand
Inline Video-Expand - Revision history
2026-04-15T05:46:16Z
Revision history for this page on the wiki
MediaWiki 1.43.1
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1425&oldid=prev
Tricken at 09:01, 1 October 2025
2025-10-01T09:01:09Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:01, 1 October 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Line 35:</td>
<td colspan="2" class="diff-lineno">Line 35:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Delivery:: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, '''Expanded content''' as video, HTML5 zip file are possible<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Delivery:: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, '''Expanded content''' as video, HTML5 zip file are possible<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung=Delivery of 3rd-Party redirect is <b>not</b> possible.'''VPAID is not permitted.'''}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung=Delivery of 3rd-Party redirect is <b>not</b> possible.<ins style="font-weight: bold; text-decoration: none;"><br/></ins>'''VPAID is not permitted.'''}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=How it works|text=The video starts without sound, which can be activated by the user.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=How it works|text=The video starts without sound, which can be activated by the user.}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Additional information|text=Inline video is an effective, automatically playable video format that is displayed in the middle of the page (mid-content). The format accepts either an MP4 video or a VAST tag as a source. With an optional overlay, static brand elements can be placed over the video. It is strongly recommended to insert a static end frame to prevent interruption of automatic playback and the video ending with a blank screen.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Additional information|text=Inline video is an effective, automatically playable video format that is displayed in the middle of the page (mid-content). The format accepts either an MP4 video or a VAST tag as a source. With an optional overlay, static brand elements can be placed over the video. It is strongly recommended to insert a static end frame to prevent interruption of automatic playback and the video ending with a blank screen.}}</div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1424&oldid=prev
Tricken at 08:59, 1 October 2025
2025-10-01T08:59:44Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:59, 1 October 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Line 35:</td>
<td colspan="2" class="diff-lineno">Line 35:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Delivery:: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, '''Expanded content''' as video, HTML5 zip file are possible<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Delivery:: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, '''Expanded content''' as video, HTML5 zip file are possible<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung='''VPAID is not permitted.'''}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung=<ins style="font-weight: bold; text-decoration: none;">Delivery of 3rd-Party redirect is <b>not</b> possible.</ins>'''VPAID is not permitted.'''}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=How it works|text=The video starts without sound, which can be activated by the user.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=How it works|text=The video starts without sound, which can be activated by the user.}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Additional information|text=Inline video is an effective, automatically playable video format that is displayed in the middle of the page (mid-content). The format accepts either an MP4 video or a VAST tag as a source. With an optional overlay, static brand elements can be placed over the video. It is strongly recommended to insert a static end frame to prevent interruption of automatic playback and the video ending with a blank screen.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Additional information|text=Inline video is an effective, automatically playable video format that is displayed in the middle of the page (mid-content). The format accepts either an MP4 video or a VAST tag as a source. With an optional overlay, static brand elements can be placed over the video. It is strongly recommended to insert a static end frame to prevent interruption of automatic playback and the video ending with a blank screen.}}</div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1423&oldid=prev
Tricken at 08:58, 1 October 2025
2025-10-01T08:58:23Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:58, 1 October 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Line 12:</td>
<td colspan="2" class="diff-lineno">Line 12:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|teil1={{AnlieferungKombination</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|teil1={{AnlieferungKombination</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|zeichen=</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|zeichen=</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1280|h=720}} (16:9) |seitenverhaeltnis=16:9|dauer=max. 30 seconds|format=.MP4 file H.264 <del style="font-weight: bold; text-decoration: none;">(OR VAST 4.0-compatible tag)</del>|gewicht={{Gewicht|w=3|typ=MB}}}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1280|h=720}} (16:9) |seitenverhaeltnis=16:9|dauer=max. 30 seconds|format=.MP4 file H.264|gewicht={{Gewicht|w=3|typ=MB}}}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|bezeichnung2=Overlay (optional) </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|bezeichnung2=Overlay (optional) </div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1404&oldid=prev
Tricken at 09:55, 24 September 2025
2025-09-24T09:55:48Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:55, 24 September 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l33">Line 33:</td>
<td colspan="2" class="diff-lineno">Line 33:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Delivery:: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, <del style="font-weight: bold; text-decoration: none;">‘’</del>'Expanded content'<del style="font-weight: bold; text-decoration: none;">‘’ </del>as video, HTML5 zip file are possible<br /></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Delivery:: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, <ins style="font-weight: bold; text-decoration: none;">''</ins>'Expanded content'<ins style="font-weight: bold; text-decoration: none;">'' </ins>as video, HTML5 zip file are possible<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung='''VPAID is not permitted.'''}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung='''VPAID is not permitted.'''}}</div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1403&oldid=prev
Tricken at 09:52, 24 September 2025
2025-09-24T09:52:54Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:52, 24 September 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{TechSpecsOnline</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{TechSpecsOnline</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|galerie=<gallery mode="packed" heights="400px"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|galerie=<gallery mode="packed" heights="400px"></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Inline_Video_Expand.jpg|<del style="font-weight: bold; text-decoration: none;">Beispiel Werbemittel</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Inline_Video_Expand.jpg|<ins style="font-weight: bold; text-decoration: none;">Example advertising material</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Inline_Video_Expand_expanded.jpg|<del style="font-weight: bold; text-decoration: none;">Beispiel Werbemittel expandiert</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Inline_Video_Expand_expanded.jpg|<ins style="font-weight: bold; text-decoration: none;">Example advertising material expanded</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></gallery></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></gallery></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|beschreibung='''Inline Video Expand''' is an attention-grabbing video format that plays automatically within the page content. It is ideal for integrating moving images directly into editorial content and offers additional opportunities to engage users through interactive enhancements.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|beschreibung='''Inline Video Expand''' is an attention-grabbing video format that plays automatically within the page content. It is ideal for integrating moving images directly into editorial content and offers additional opportunities to engage users through interactive enhancements.</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l33">Line 33:</td>
<td colspan="2" class="diff-lineno">Line 33:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3><del style="font-weight: bold; text-decoration: none;">Anlieferung</del>: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, ‘’'Expanded content'‘’ as video, HTML5 zip file are possible<br /></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3><ins style="font-weight: bold; text-decoration: none;">Delivery:</ins>: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, ‘’'Expanded content'‘’ as video, HTML5 zip file are possible<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung='''VPAID is not permitted.'''}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung='''VPAID is not permitted.'''}}</div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1402&oldid=prev
Tricken at 09:50, 24 September 2025
2025-09-24T09:50:48Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:50, 24 September 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l41">Line 41:</td>
<td colspan="2" class="diff-lineno">Line 41:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Endframe (recommended)|text=video poster}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Endframe (recommended)|text=video poster}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Expanded content|text=The dimensions of the expanded content are approximately 90% of the window width and 80% of the height. The expanded content must be responsive so that it can adapt to different screen shapes and sizes. When expanded on “click,” the limit is set at up to 20 MB of additional content.<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Expanded content|text=The dimensions of the expanded content are approximately 90% of the window width and 80% of the height. The expanded content must be responsive so that it can adapt to different screen shapes and sizes. When expanded on “click,” the limit is set at up to 20 MB of additional content.<br /></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Für den Expandierte Inhalt kann entweder ein zusätzliches Video</del>, <del style="font-weight: bold; text-decoration: none;">eine benutzerdefinierte </del>HTML5<del style="font-weight: bold; text-decoration: none;">-Creative-</del>ZIP<del style="font-weight: bold; text-decoration: none;">-Datei eingebettet werden</del>.}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">For the expanded content</ins>, <ins style="font-weight: bold; text-decoration: none;">either an additional video or a custom </ins>HTML5 <ins style="font-weight: bold; text-decoration: none;">creative </ins>ZIP <ins style="font-weight: bold; text-decoration: none;">file can be embedded</ins>.}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|kategorieVideo=ja</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|kategorieVideo=ja</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1401&oldid=prev
Tricken at 09:50, 24 September 2025
2025-09-24T09:50:26Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:50, 24 September 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l39">Line 39:</td>
<td colspan="2" class="diff-lineno">Line 39:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Additional information|text=Inline video is an effective, automatically playable video format that is displayed in the middle of the page (mid-content). The format accepts either an MP4 video or a VAST tag as a source. With an optional overlay, static brand elements can be placed over the video. It is strongly recommended to insert a static end frame to prevent interruption of automatic playback and the video ending with a blank screen.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Additional information|text=Inline video is an effective, automatically playable video format that is displayed in the middle of the page (mid-content). The format accepts either an MP4 video or a VAST tag as a source. With an optional overlay, static brand elements can be placed over the video. It is strongly recommended to insert a static end frame to prevent interruption of automatic playback and the video ending with a blank screen.}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Overlay (optional)|text=Transparent background for transporting static content that covers the video}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Overlay (optional)|text=Transparent background for transporting static content that covers the video}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Endframe (<del style="font-weight: bold; text-decoration: none;">empfohlen</del>)|text=<del style="font-weight: bold; text-decoration: none;">Videoposter</del>}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Endframe (<ins style="font-weight: bold; text-decoration: none;">recommended</ins>)|text=<ins style="font-weight: bold; text-decoration: none;">video poster</ins>}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=<del style="font-weight: bold; text-decoration: none;">Expandierte Inhalte</del>|text=<del style="font-weight: bold; text-decoration: none;">Die Abmessungen der expandierten Inhalte betragen etwa </del>90 % <del style="font-weight: bold; text-decoration: none;">der Fensterbreite und </del>80 % <del style="font-weight: bold; text-decoration: none;">der Höhe</del>. <del style="font-weight: bold; text-decoration: none;">Der Expandierte Inhalt muss responsiv sein, damit er sich an verschiedene Bildschirmformen und -größen anpassen kann</del>. <del style="font-weight: bold; text-decoration: none;">Beim Expandierten auf „Klick”</del>, <del style="font-weight: bold; text-decoration: none;">ist die Grenze bei bis zu </del>20 MB <del style="font-weight: bold; text-decoration: none;">zusätzlichem Inhalt gesetzt</del>.<br /></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=<ins style="font-weight: bold; text-decoration: none;">Expanded content</ins>|text=<ins style="font-weight: bold; text-decoration: none;">The dimensions of the expanded content are approximately </ins>90% <ins style="font-weight: bold; text-decoration: none;">of the window width and </ins>80% <ins style="font-weight: bold; text-decoration: none;">of the height</ins>. <ins style="font-weight: bold; text-decoration: none;">The expanded content must be responsive so that it can adapt to different screen shapes and sizes</ins>. <ins style="font-weight: bold; text-decoration: none;">When expanded on “click</ins>,<ins style="font-weight: bold; text-decoration: none;">” the limit is set at up to </ins>20 MB <ins style="font-weight: bold; text-decoration: none;">of additional content</ins>.<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Für den Expandierte Inhalt kann entweder ein zusätzliches Video, eine benutzerdefinierte HTML5-Creative-ZIP-Datei eingebettet werden.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Für den Expandierte Inhalt kann entweder ein zusätzliches Video, eine benutzerdefinierte HTML5-Creative-ZIP-Datei eingebettet werden.}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|kategorieVideo=ja</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|kategorieVideo=ja</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1400&oldid=prev
Tricken at 09:46, 24 September 2025
2025-09-24T09:46:52Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:46, 24 September 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36">Line 36:</td>
<td colspan="2" class="diff-lineno">Line 36:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung='''VPAID is not permitted.'''}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= as VAST Redirect|erlaubt=nein|anmerkung='''VPAID is not permitted.'''}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=<del style="font-weight: bold; text-decoration: none;">Funktionsweise</del>|text=<del style="font-weight: bold; text-decoration: none;">Das Video startet ohne Ton</del>, <del style="font-weight: bold; text-decoration: none;">welcher durch den User aktiviert werden kann</del>.}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=<ins style="font-weight: bold; text-decoration: none;">How it works</ins>|text=<ins style="font-weight: bold; text-decoration: none;">The video starts without sound</ins>, <ins style="font-weight: bold; text-decoration: none;">which can be activated by the user</ins>.}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=<del style="font-weight: bold; text-decoration: none;">Zusatzinfos</del>|text=Inline<del style="font-weight: bold; text-decoration: none;">-Video ist ein wirkungsvolles</del>, <del style="font-weight: bold; text-decoration: none;">automatisch abspielbares Videoformat, das </del>in <del style="font-weight: bold; text-decoration: none;">der Mitte der Seite </del>(mid-content) <del style="font-weight: bold; text-decoration: none;">angezeigt wird</del>. <del style="font-weight: bold; text-decoration: none;">Das Format akzeptiert (entweder) ein </del>MP4<del style="font-weight: bold; text-decoration: none;">-Video (oder einen </del>VAST<del style="font-weight: bold; text-decoration: none;">-Tag als Quelle)</del>. <del style="font-weight: bold; text-decoration: none;">Mit einem optionalen Overlay können statische Markenelemente über das Video gelegt werden</del>. <del style="font-weight: bold; text-decoration: none;">Es wird dringend empfohlen, einen statischen Endframe einzufügen, um eine Unterbrechung der automatischen Wiedergabe und das Enden des Videos in einem </del>blank<del style="font-weight: bold; text-decoration: none;">-Screen zu verhindern</del>.}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=<ins style="font-weight: bold; text-decoration: none;">Additional information</ins>|text=Inline <ins style="font-weight: bold; text-decoration: none;">video is an effective</ins>, <ins style="font-weight: bold; text-decoration: none;">automatically playable video format that is displayed </ins>in <ins style="font-weight: bold; text-decoration: none;">the middle of the page </ins>(mid-content). <ins style="font-weight: bold; text-decoration: none;">The format accepts either an </ins>MP4 <ins style="font-weight: bold; text-decoration: none;">video or a </ins>VAST <ins style="font-weight: bold; text-decoration: none;">tag as a source</ins>. <ins style="font-weight: bold; text-decoration: none;">With an optional overlay, static brand elements can be placed over the video</ins>. <ins style="font-weight: bold; text-decoration: none;">It is strongly recommended to insert a static end frame to prevent interruption of automatic playback and the video ending with a </ins>blank <ins style="font-weight: bold; text-decoration: none;">screen</ins>.}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Overlay (optional)|text=<del style="font-weight: bold; text-decoration: none;">Transparenter Hintergrund zum Transport statischer Inhalte, die das Video überdecken</del>}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Overlay (optional)|text=<ins style="font-weight: bold; text-decoration: none;">Transparent background for transporting static content that covers the video</ins>}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Endframe (empfohlen)|text=Videoposter}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Endframe (empfohlen)|text=Videoposter}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Expandierte Inhalte|text=Die Abmessungen der expandierten Inhalte betragen etwa 90 % der Fensterbreite und 80 % der Höhe. Der Expandierte Inhalt muss responsiv sein, damit er sich an verschiedene Bildschirmformen und -größen anpassen kann. Beim Expandierten auf „Klick”, ist die Grenze bei bis zu 20 MB zusätzlichem Inhalt gesetzt.<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Expandierte Inhalte|text=Die Abmessungen der expandierten Inhalte betragen etwa 90 % der Fensterbreite und 80 % der Höhe. Der Expandierte Inhalt muss responsiv sein, damit er sich an verschiedene Bildschirmformen und -größen anpassen kann. Beim Expandierten auf „Klick”, ist die Grenze bei bis zu 20 MB zusätzlichem Inhalt gesetzt.<br /></div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1399&oldid=prev
Tricken at 09:43, 24 September 2025
2025-09-24T09:43:28Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:43, 24 September 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Line 35:</td>
<td colspan="2" class="diff-lineno">Line 35:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Anlieferung: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, ‘’'Expanded content'‘’ as video, HTML5 zip file are possible<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3>as a physical file</h3>Anlieferung: '''Autoplay content''' as MP4 (optimized for the web OR VAST 4.0-compatible tag), '''Overlay (optional)''' as PNG file, '''End frame (recommended)''' as JPG, PNG files, ‘’'Expanded content'‘’ as video, HTML5 zip file are possible<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For best results, avoid placing important content at the very top or bottom, as it may be cut off or obscured by other elements.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= <del style="font-weight: bold; text-decoration: none;">als </del>VAST Redirect|erlaubt=nein|anmerkung='''VPAID <del style="font-weight: bold; text-decoration: none;">ist nicht zulässig</del>'''}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= <ins style="font-weight: bold; text-decoration: none;">as </ins>VAST Redirect|erlaubt=nein|anmerkung='''VPAID <ins style="font-weight: bold; text-decoration: none;">is not permitted.</ins>'''}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Zusatzinfos|text=Inline-Video ist ein wirkungsvolles, automatisch abspielbares Videoformat, das in der Mitte der Seite (mid-content) angezeigt wird. Das Format akzeptiert (entweder) ein MP4-Video (oder einen VAST-Tag als Quelle). Mit einem optionalen Overlay können statische Markenelemente über das Video gelegt werden. Es wird dringend empfohlen, einen statischen Endframe einzufügen, um eine Unterbrechung der automatischen Wiedergabe und das Enden des Videos in einem blank-Screen zu verhindern.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Baustein|titel=Zusatzinfos|text=Inline-Video ist ein wirkungsvolles, automatisch abspielbares Videoformat, das in der Mitte der Seite (mid-content) angezeigt wird. Das Format akzeptiert (entweder) ein MP4-Video (oder einen VAST-Tag als Quelle). Mit einem optionalen Overlay können statische Markenelemente über das Video gelegt werden. Es wird dringend empfohlen, einen statischen Endframe einzufügen, um eine Unterbrechung der automatischen Wiedergabe und das Enden des Videos in einem blank-Screen zu verhindern.}}</div></td></tr>
</table>
Tricken
https://techspecs.iqd-ao.de/en/index.php?title=Inline_Video-Expand&diff=1398&oldid=prev
Tricken at 09:40, 24 September 2025
2025-09-24T09:40:04Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 11:40, 24 September 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l33">Line 33:</td>
<td colspan="2" class="diff-lineno">Line 33:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3><del style="font-weight: bold; text-decoration: none;">als Physische Datei</del></h3>Anlieferung: '''Autoplay<del style="font-weight: bold; text-decoration: none;">-Inhalt</del>''' <del style="font-weight: bold; text-decoration: none;">als </del>MP4(<del style="font-weight: bold; text-decoration: none;">für das Web optimiert ODER </del>VAST 4.0-<del style="font-weight: bold; text-decoration: none;">kompatibler Tag</del>), '''Overlay (optional)''' <del style="font-weight: bold; text-decoration: none;">als </del>PNG<del style="font-weight: bold; text-decoration: none;">-Datei</del>, '''<del style="font-weight: bold; text-decoration: none;">Endframe </del>(<del style="font-weight: bold; text-decoration: none;">empfohlen</del>)''' <del style="font-weight: bold; text-decoration: none;">als </del>JPG, PNG<del style="font-weight: bold; text-decoration: none;">-Dateien</del>, ''<del style="font-weight: bold; text-decoration: none;">'Expandierte Inhalte''' als Video</del>, HTML5<del style="font-weight: bold; text-decoration: none;">-Zip-Datei sind möglich</del><br /></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|html5=<h3><ins style="font-weight: bold; text-decoration: none;">as a physical file</ins></h3>Anlieferung: '''Autoplay <ins style="font-weight: bold; text-decoration: none;">content</ins>''' <ins style="font-weight: bold; text-decoration: none;">as </ins>MP4 (<ins style="font-weight: bold; text-decoration: none;">optimized for the web OR </ins>VAST 4.0-<ins style="font-weight: bold; text-decoration: none;">compatible tag</ins>), <ins style="font-weight: bold; text-decoration: none;"> </ins>'''Overlay (optional)''' <ins style="font-weight: bold; text-decoration: none;">as </ins>PNG <ins style="font-weight: bold; text-decoration: none;">file</ins>, '''<ins style="font-weight: bold; text-decoration: none;">End frame </ins>(<ins style="font-weight: bold; text-decoration: none;">recommended</ins>)''' <ins style="font-weight: bold; text-decoration: none;">as </ins>JPG, PNG <ins style="font-weight: bold; text-decoration: none;">files</ins>, <ins style="font-weight: bold; text-decoration: none;">‘’</ins>'<ins style="font-weight: bold; text-decoration: none;">Expanded content</ins>'<ins style="font-weight: bold; text-decoration: none;">‘’ as video</ins>, HTML5 <ins style="font-weight: bold; text-decoration: none;">zip file are possible</ins><br /></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Um optimale Ergebnisse zu erzielen</del>, <del style="font-weight: bold; text-decoration: none;">sollten Sie wichtige Inhalte nicht ganz oben oder ganz unten platzieren</del>, <del style="font-weight: bold; text-decoration: none;">da diese möglicherweise abgeschnitten oder durch andere Elemente verdeckt werden</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">For best results</ins>, <ins style="font-weight: bold; text-decoration: none;">avoid placing important content at the very top or bottom</ins>, <ins style="font-weight: bold; text-decoration: none;">as it may be cut off or obscured by other elements</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|3rdParty={{3rdParty|typ= als VAST Redirect|erlaubt=nein|anmerkung='''VPAID ist nicht zulässig'''}}</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>|besondereInformation={{Baustein|titel=Funktionsweise|text=Das Video startet ohne Ton, welcher durch den User aktiviert werden kann.}}</div></td></tr>
</table>
Tricken