Hallo liebe Community...

ich wollte mal gern wissen ob es möglich ist den folgenden Script Code von Youtube über eine Seite in HTML in Contao einzubinden? Denn wenn ich dies mache, kommt zwar der Player (heisst letztlich die API funktioniert), aber ich bekomm immer eine Fehlermeldung das es das Video respektive in meinem Fall die Playlist nicht gibt. Hintergrundgedanke für mein Anliegen wäre folglich, das ich das Script oder Layout gern so schreiben möchte, das auf meiner Website der Youtube Player genau so aussieht (oder ähnlich) wie eben auf Youtube. Und nein das kann man mit iFrame nicht machen, ausser und ich lass mich da gern eines besseren belehren, es gibt eine andere Variante. Aber hab auch schon probiert im iFrame über &showinfo=1 &autohide=1, aber das bringt ja letztlich nicht das gewünschte Ergebnis bzw. sind ja nur kleinere Anpassungen.

Also Frage: Kann ich eigentlich grundlegend die API von youtube über HTML Seite in Contao einbinden? HTML Tag <script> hab ich in Einstellung aktiviert!

Wenn ja, auf was muss ich achten und Wenn nein, soll ich das extern in ein Script schreiben.

Hier mal der Code von Youtube:

<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>

<script>
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '360',
width: '640',
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}

// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.playVideo();
}

// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}
</script>

Und was ich aber zu gut der letzt nicht checke, wie zum Teufel kann ich die Playlist aufrufen? Das ist in Google Developers so schlecht dokumentiert, das ich da nicht durchblicke:

player.loadPlaylist(playlist:String|Array,
index:Number,
startSeconds:Number,
suggestedQuality:String):Void

Wäre dankbar über jede Hilfe oder gut gemeinten Rat.

Dankeschön