diff --git a/Classes/Hooks/PageLayoutView/PluginRenderer.php b/Classes/Hooks/PageLayoutView/PluginRenderer.php
new file mode 100644
index 0000000000000000000000000000000000000000..40961485e18cff7afc078cbf19c06bc027785298
--- /dev/null
+++ b/Classes/Hooks/PageLayoutView/PluginRenderer.php
@@ -0,0 +1,91 @@
+<?php
+
+namespace SGalinski\SgYoutube\Hooks\PageLayoutView;
+
+/***************************************************************
+ *  Copyright notice
+ *  (c) sgalinski Internet Services (https://www.sgalinski.de)
+ *  All rights reserved
+ *  This script is part of the TYPO3 project. The TYPO3 project is
+ *  free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 3 of the License, or
+ *  (at your option) any later version.
+ *  The GNU General Public License can be found at
+ *  http://www.gnu.org/copyleft/gpl.html.
+ *  This script is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *  This copyright notice MUST APPEAR in all copies of the script!
+ ***************************************************************/
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\PageLayoutView;
+use TYPO3\CMS\Backend\View\PageLayoutViewDrawItemHookInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Fluid\View\StandaloneView;
+use \TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Class PluginRenderer
+ * Renders back-end preview for the SG YouTube Videos plugin
+ *
+ * @package SGalinski\SgYoutube\Hooks
+ */
+class PluginRenderer implements PageLayoutViewDrawItemHookInterface {
+	/**
+	 * Preprocesses the preview rendering of a content element of type "sg_youtube"
+	 *
+	 * @param PageLayoutView $parentObject Calling parent object
+	 * @param bool $drawItem Whether to draw the item using the default functionality
+	 * @param string $headerContent Header content
+	 * @param string $itemContent Item content
+	 * @param array $row Record row of tt_content
+	 * @return void
+	 * @noinspection ReferencingObjectsInspection
+	 */
+	public function preProcess(
+		PageLayoutView &$parentObject, &$drawItem, &$headerContent, &$itemContent, array &$row
+	): void {
+		if ($row['list_type'] === 'sgyoutube_youtube') {
+			$drawItem = FALSE;
+
+			$view = GeneralUtility::makeInstance(StandaloneView::class);
+			$view->setTemplateRootPaths(['EXT:sg_youtube/Resources/Private/Templates/Youtube']);
+			$view->setTemplate('Backend.html');
+			$view->assign('uid', $row['uid']);
+
+			// Set plugin options array
+			$pluginOptions = GeneralUtility::xml2array($row['pi_flexform'], 'T3:');
+			$templateOptions = [];
+			if (is_array($pluginOptions)) {
+				foreach ($pluginOptions['data']['sDEF']['lDEF'] as $option => $value) {
+					if ($option !== 'settings.showApiResult') {
+						// $option has the format 'settings.<key>', but in the template we want the language label which
+						// has the format 'flexform.<key>'.
+						$templateOptions[str_replace('settings.', '', $option)] = $value['vDEF'];
+					}
+				}
+
+				$languageService = GeneralUtility::makeInstance(LanguageService::class);
+				$templateOptions['flexform.thumbnailType'] = $languageService->sL(
+					'LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:flexform.thumbnailType.' . $templateOptions['flexform.thumbnailType']
+				);
+
+				$view->assignMultiple([
+					'pluginOptions' => $templateOptions,
+					'showApiResult' => $pluginOptions['data']['sDEF']['lDEF']['settings.showApiResult']['vDEF']
+				]);
+			}
+
+			// Content element labels
+			$pluginName = BackendUtility::getLabelFromItemListMerged(
+				$row['pid'], 'tt_content', 'list_type', $row['list_type']
+			);
+			$headerContent = '<strong>[' . $pluginName . '] </strong>' . $headerContent;
+
+			$itemContent .= $view->render();
+		}
+	}
+}
diff --git a/Configuration/FlexForms/flexform_sgyoutube_youtube.xml b/Configuration/FlexForms/flexform_sgyoutube_youtube.xml
index e2d3945f14d904bda8f1ee49ff6ece9b0d1bd918..167177cf0d68901edb4ed6d6a1f9ae56f922f467 100644
--- a/Configuration/FlexForms/flexform_sgyoutube_youtube.xml
+++ b/Configuration/FlexForms/flexform_sgyoutube_youtube.xml
@@ -16,7 +16,7 @@
 					<settings.id>
 						<TCEforms>
 							<exclude>0</exclude>
-							<label>LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:id
+							<label>LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:flexform.id
 							</label>
 							<config>
 								<type>input</type>
@@ -28,7 +28,7 @@
 					<settings.maxResults>
 						<TCEforms>
 							<exclude>0</exclude>
-							<label>LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:maxResults
+							<label>LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:flexform.maxResults
 							</label>
 							<config>
 								<type>input</type>
@@ -58,6 +58,7 @@
 							<label>LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:flexform.aspectRatio</label>
 							<config>
 								<type>select</type>
+								<renderType>selectSingle</renderType>
 								<items type="array">
 									<numIndex index="0" type="array">
 										<numIndex index="0">16:9</numIndex>
@@ -76,6 +77,7 @@
 							<label>LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:flexform.thumbnailType</label>
 							<config>
 								<type>select</type>
+								<renderType>selectSingle</renderType>
 								<items type="array">
 									<numIndex index="0" type="array">
 										<numIndex index="0">LLL:EXT:sg_youtube/Resources/Private/Language/locallang.xlf:flexform.thumbnailType.byAspectRatio</numIndex>
diff --git a/Resources/Private/Language/de.locallang.xlf b/Resources/Private/Language/de.locallang.xlf
index 2560a6ef920ec699933d9be5eadc4a8d9dcb0e57..948ea40541283397ef667354d9c4a92fe5ccd601 100644
--- a/Resources/Private/Language/de.locallang.xlf
+++ b/Resources/Private/Language/de.locallang.xlf
@@ -1,14 +1,38 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes" ?>
 <xliff version="1.0">
-	<file source-language="en" target-language="de" datatype="plaintext" original="messages" date="2019-12-07T19:09:30Z">
+	<file source-language="en" target-language="de" datatype="plaintext" original="messages" date="2020-06-24T18:20:58Z">
 		<header>
 			<generator>LFEditor</generator>
 		</header>
 		<body>
+			<trans-unit id="backendPreview.apiDebugWarning.header" approved="yes">
+				<source><![CDATA[API Debugging Information is Shown in the Frontend]]></source>
+				<target><![CDATA[API-Debugging-Details werden im Frontend gerendert]]></target>
+			</trans-unit>
+			<trans-unit id="backendPreview.apiDebugWarning.message" approved="yes">
+				<source><![CDATA[Uncheck the debugging option in the plugin options to not show this information.]]></source>
+				<target><![CDATA[Deaktivieren Sie die Debugging-Option in den Plugin-Einstellungen, um diese Informationen nicht anzuzeigen.]]></target>
+			</trans-unit>
+			<trans-unit id="backendPreview.settings" approved="yes">
+				<source><![CDATA[Settings]]></source>
+				<target><![CDATA[Einstellungen]]></target>
+			</trans-unit>
+			<trans-unit id="backendPreview.values" approved="yes">
+				<source><![CDATA[Values]]></source>
+				<target><![CDATA[Werte]]></target>
+			</trans-unit>
 			<trans-unit id="flexform.aspectRatio" approved="yes">
 				<source><![CDATA[Aspect Ratio (only used if thumbnail type is set to check that)]]></source>
 				<target><![CDATA[Aspect Ratio (nur genutzt, wenn der Thumbnail-Typ dies prüfen soll)]]></target>
 			</trans-unit>
+			<trans-unit id="flexform.id" approved="yes">
+				<source><![CDATA[ID of Channel (UC), Playlist (PL) or Single Video (youtube.com/watch?v=%ID%)]]></source>
+				<target><![CDATA[ID eines Channels (UC), einer Playlist (PL) oder eines einzelnen Videos (youtube.com/watch?v=%ID%)]]></target>
+			</trans-unit>
+			<trans-unit id="flexform.maxResults" approved="yes">
+				<source><![CDATA[Maximum Amount]]></source>
+				<target><![CDATA[Maximale Anzahl]]></target>
+			</trans-unit>
 			<trans-unit id="flexform.showApiResult" approved="yes">
 				<source><![CDATA[Show API Result (Debug Output!)]]></source>
 				<target><![CDATA[Zeige API-Ergebnis an (Debug-Informationen!)]]></target>
@@ -41,14 +65,6 @@
 				<source><![CDATA[Standard Resolution]]></source>
 				<target><![CDATA[Standard-Auflösung]]></target>
 			</trans-unit>
-			<trans-unit id="id" approved="yes">
-				<source><![CDATA[ID of Channel (UC), Playlist (PL) or Single Video (youtube.com/watch?v=%ID%)]]></source>
-				<target><![CDATA[ID eines Channels (UC), einer Playlist (PL) oder eines einzelnen Videos (youtube.com/watch?v=%ID%)]]></target>
-			</trans-unit>
-			<trans-unit id="maxResults" approved="yes">
-				<source><![CDATA[Maximum Amount]]></source>
-				<target><![CDATA[Maximale Anzahl]]></target>
-			</trans-unit>
 		</body>
 	</file>
 </xliff>
\ No newline at end of file
diff --git a/Resources/Private/Language/locallang.xlf b/Resources/Private/Language/locallang.xlf
index 69910c05d6649187d2183f0dd31777f827096f79..137e03de031e92555f933c33b4ab8776e67e4cae 100644
--- a/Resources/Private/Language/locallang.xlf
+++ b/Resources/Private/Language/locallang.xlf
@@ -1,13 +1,31 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes" ?>
 <xliff version="1.0">
-	<file source-language="en" datatype="plaintext" original="messages" date="2019-12-07T19:09:30Z">
+	<file source-language="en" datatype="plaintext" original="messages" date="2020-06-24T18:20:58Z">
 		<header>
 			<generator>LFEditor</generator>
 		</header>
 		<body>
+			<trans-unit id="backendPreview.apiDebugWarning.header">
+				<source><![CDATA[API Debugging Information is Shown in the Frontend]]></source>
+			</trans-unit>
+			<trans-unit id="backendPreview.apiDebugWarning.message">
+				<source><![CDATA[Uncheck the debugging option in the plugin options to not show this information.]]></source>
+			</trans-unit>
+			<trans-unit id="backendPreview.settings">
+				<source><![CDATA[Settings]]></source>
+			</trans-unit>
+			<trans-unit id="backendPreview.values">
+				<source><![CDATA[Values]]></source>
+			</trans-unit>
 			<trans-unit id="flexform.aspectRatio">
 				<source><![CDATA[Aspect Ratio (only used if thumbnail type is set to check that)]]></source>
 			</trans-unit>
+			<trans-unit id="flexform.id">
+				<source><![CDATA[ID of Channel (UC), Playlist (PL) or Single Video (youtube.com/watch?v=%ID%)]]></source>
+			</trans-unit>
+			<trans-unit id="flexform.maxResults">
+				<source><![CDATA[Maximum Amount]]></source>
+			</trans-unit>
 			<trans-unit id="flexform.showApiResult">
 				<source><![CDATA[Show API Result (Debug Output!)]]></source>
 			</trans-unit>
@@ -32,12 +50,6 @@
 			<trans-unit id="flexform.thumbnailType.standard">
 				<source><![CDATA[Standard Resolution]]></source>
 			</trans-unit>
-			<trans-unit id="id">
-				<source><![CDATA[ID of Channel (UC), Playlist (PL) or Single Video (youtube.com/watch?v=%ID%)]]></source>
-			</trans-unit>
-			<trans-unit id="maxResults">
-				<source><![CDATA[Maximum Amount]]></source>
-			</trans-unit>
 		</body>
 	</file>
 </xliff>
\ No newline at end of file
diff --git a/Resources/Private/Templates/Youtube/Backend.html b/Resources/Private/Templates/Youtube/Backend.html
new file mode 100644
index 0000000000000000000000000000000000000000..a22eabb8258d0105603a6c19ae5ce7ed470cea23
--- /dev/null
+++ b/Resources/Private/Templates/Youtube/Backend.html
@@ -0,0 +1,39 @@
+{namespace be=TYPO3\CMS\Backend\ViewHelpers}
+
+<be:link.editRecord uid="{uid}" table="tt_content">
+	<br/>
+	<f:if condition="{showApiResult} == 1">
+		<div class="alert alert-warning">
+			<h4 class="alert-title">
+				<f:translate key="backendPreview.apiDebugWarning.header" extensionName="SgYoutube"/>
+			</h4>
+			<p class="alert-message">
+				<f:translate key="backendPreview.apiDebugWarning.message" extensionName="SgYoutube"/>
+			</p>
+		</div>
+	</f:if>
+	<table class="table table-striped">
+		<thead>
+			<tr>
+				<th scope="col" style="width: 50%">
+					<f:translate key="backendPreview.settings" extensionName="SgYoutube"/>
+				</th>
+				<th scope="col" style="width: 50%">
+					<f:translate key="backendPreview.values" extensionName="SgYoutube"/>
+				</th>
+			</tr>
+		</thead>
+		<tbody>
+			<f:for each="{pluginOptions}" as="option" key="labelKey">
+				<tr>
+					<th scope="row">
+						<f:translate key="flexform.{labelKey}" extensionName="SgYoutube"/>
+					</th>
+					<td>
+						{option}
+					</td>
+				</tr>
+			</f:for>
+		</tbody>
+	</table>
+</be:link.editRecord>
diff --git a/ext_localconf.php b/ext_localconf.php
index 06603ed2df17dc607fea9a4fc059a35b12cbea7d..85fbea420f1a637fb840644ac5eeaf18c85e5348 100644
--- a/ext_localconf.php
+++ b/ext_localconf.php
@@ -40,3 +40,6 @@ if (!defined('TYPO3_MODE')) {
 
 	]
 );
+//Hooks
+$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['cms/layout/class.tx_cms_layout.php']['tt_content_drawItem']['sg_youtube']
+	= \SGalinski\SgYoutube\Hooks\PageLayoutView\PluginRenderer::class;