[TASK] Improve BE UX

Classes/Preview/PreviewService.php

@@ -53,6 +53,7 @@ class PreviewService {
 			'thumbnailType' => $this->passVDefOnKeyToTemplate($pluginConfiguration, 'settings.thumbnailType'),
 			'thumbnailImagesCount' => $this->passVDefOnKeyToTemplate($pluginConfiguration, 'settings.thumbnailImages'),
 			'showApiResult' => $this->passVDefOnKeyToTemplate($pluginConfiguration, 'settings.showApiResult'),
+			'urlParameters' => $this->passVDefOnKeyToTemplate($pluginConfiguration, 'settings.urlParameters'),
 		];
 
 		$view->assign('data', $templateData);

README.md

@@ -75,4 +75,5 @@ Requires `img-src https://i.vimeocdn.com;`, `script-src https://player.vimeo.com
 
 ### Known issues
 - Additional URL parameters won't get passed to the iframe inside the lightbox, this is seemingly caused by Plyr's integration of the Vimeo API
+    - See also https://github.com/sampotts/plyr/issues/218#issuecomment-849942139
     - Workaround: disable the lightbox for your Vimeo video

Resources/Private/Language/de.locallang.xlf

@@ -142,8 +142,8 @@
 				<target><![CDATA[Weniger]]></target>
 			</trans-unit>
 			<trans-unit id="flexform.urlParameters" approved="yes">
-				<source><![CDATA[Additional URL parameters]]></source>
-				<target><![CDATA[Zusätzliche URL-Parameter]]></target>
+				<source><![CDATA[Additional URL parameters (only without Lightbox)]]></source>
+				<target><![CDATA[Zusätzliche URL-Parameter (nur ohne Lightbox)]]></target>
 			</trans-unit>
 			<trans-unit id="flexform.urlParameters.description" approved="yes">
 				<source><![CDATA[See https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Player-parameters-overview]]></source>

Resources/Private/Language/locallang.xlf

@@ -105,7 +105,7 @@
 				<source><![CDATA[Vimeo]]></source>
 			</trans-unit>
 			<trans-unit id="flexform.urlParameters">
-				<source><![CDATA[Additional URL parameters]]></source>
+				<source><![CDATA[Additional URL parameters (only without Lightbox)]]></source>
 			</trans-unit>
 			<trans-unit id="flexform.urlParameters.description">
 				<source><![CDATA[See https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Player-parameters-overview]]></source>

Resources/Private/Templates/Vimeo/Backend.html

@@ -95,6 +95,15 @@
 				</td>
 			</tr>
 		</f:if>
+
+		<tr>
+			<th scope="row">
+				<f:translate key="flexform.urlParameters" extensionName="SgYoutube"/>
+			</th>
+			<td>
+				{data.urlParameters}
+			</td>
+		</tr>
 		</tbody>
 	</table>
 </be:link.editRecord>