YouTube Video-Konverter!

Aktualisiert 11.03.24

Möchte man ein YouTube-Video auf der eigenen Webseite in einem Frame einbinden, funktioniert das nur mit einem embed-Code!
Bei einer öffentlichen Eingabe durch andere User, kann es hier zu Eingabefehlern kommen, da es mittlerweile 5 gültige Video-Links gibt!
Mit dem folgenden Script werde alle 5 YouTube Video-Links in den Embed-Code umgewandelt!

Die YouTube Video-Link:

Den ersten Link findet man in der Browser-Adressleiste!

1. https://www.youtube.com/watch?v=bGJOmGL6mYM

Der zweite Link wird beim Rechtsklick auf ein YouTube-Video angezeigt!

2. https://youtu.be/bGJOmGL6mYM

Der dritte Link wird zum Einbinden eines Frames in die Webseite genutzt! Hier können zusätzliche Optionen zur Wiedergabe festgelegt werden!

3. https://www.youtube.com/embed/bGJOmGL6mYM

Neu! Der vierte Link kommt aus der Adress-Zeile, hat meistens noch einen Anhang (&)

4. https://www.youtube.com/watch?v=bGJOmGL6mYM&ab_channel=GoogleChrome

Neu! Der fünfte Link ist für Handy und Kurzvideos (Shorts) gedacht!

5. https://www.youtube.com/shortsF4vUBH-maok?feature=share

Youtube Video-Link (watch, youtu.be, shorts) in Embed-Link konvertieren!

Alle Frames mit class="convert_youtube" werden automatisch im Embed-Code mit allen eingetragenen Optionen wiedergegeben!
Die Wiedergabe erfolgt auf der eigenen Webseite!
Die Videos werden teilgeladen und haben eine Vorschau!
Ist kein jQuery vorhanden, Zeile 1 freigeben!
In Zeile 10-14 sind Beispiel-Videos mit den verschiedenen Video-Codes!
Neu! Die Videos sind mit YouTube-Hinweisfenster (DSGVO) ausgestattet!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> -->
<script>
window.addEventListener('load', function ( ) {
  $('.convert_youtube').html(function(index, link) {
    return link.replace("/watch?v=", "/embed/").replace("youtu.be/" , "youtube.com/embed/").replace("/shorts/" , "/embed/").replace(/&.+/g, '">');
  });
});
</script>
 
<div data-name="youtube" data-modified-by-klaro="yes" class="convert_youtube"><iframe data-name="youtube" data-modified-by-klaro="yes"  src="https://www.youtube.com/watch?v=bGJOmGL6mYM" data-src="https://www.youtube.com/watch?v=bGJOmGL6mYM" width="200" height="100" frameborder="0" allowfullscreen data-original-display></iframe></div>
<div data-name="youtube" data-modified-by-klaro="yes" class="convert_youtube"><iframe data-name="youtube" data-modified-by-klaro="yes"  src="https://www.youtube.com/watch?v=bGJOmGL6mYM" data-src="https://www.youtube.com/embed/bGJOmGL6mYM" width="200" height="100" frameborder="0" allowfullscreen data-original-display></iframe></div>
<div data-name="youtube" data-modified-by-klaro="yes" class="convert_youtube"><iframe data-name="youtube" data-modified-by-klaro="yes"  src="https://www.youtube.com/watch?v=bGJOmGL6mYM" data-src="https://youtu.be/bGJOmGL6mYM" width="200" height="100" frameborder="0" allowfullscreen data-original-display></iframe></div>
<div data-name="youtube" data-modified-by-klaro="yes" class="convert_youtube"><iframe data-name="youtube" data-modified-by-klaro="yes"  src="https://www.youtube.com/watch?v=bGJOmGL6mYM" data-src="https://www.youtube.com/watch?v=bGJOmGL6mYM&ab_channel=GoogleChrome" width="200" height="100" frameborder="0" allowfullscreen data-original-display></iframe></div>
<div data-name="youtube" data-modified-by-klaro="yes" class="convert_youtube"><iframe data-name="youtube" data-modified-by-klaro="yes"  src="https://www.youtube.com/watch?v=bGJOmGL6mYM" data-src="https://www.youtube.com/shorts/F4vUBH-maok?feature=share" width="315" height="560" frameborder="0" allowfullscreen data-original-display></iframe></div>
 

Schließen

Zum direkten Videostart auf YouTube kann nur der "watch-Link" genutzt werden.

1
 
<a href="https://www.youtube.com/watch?v=bGJOmGL6mYM"><img src="https://files.homepagemodules.de/b624252/a_467_b7a85d9f.png"> Video starten</a>

Schließen

YouTube Video-Konverter mit Start-Button

Ein Link mit class="VideoOn" wird automatisch im Embed-Code mit allen eingetragenen Optionen wiedergegeben!
Das Video wird erst nach einem Mausklick geladen und gestartet!
Die Video-Links bekommen noch einen Anhang zum Starten (?rel=0&autoplay=1)!
Es gibt keine Videovorschau (Ladezeit der Webseite verkürzt sich)!
Die Wiedergabe erfolgt auf der eigenen Webseite!
Ist kein jQuery vorhanden, Zeile 1 freigeben!

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
 
<style>
  /* YouTube Video-Hinweis DSGVO */
  div[data-name="youtube"] .context-notice {border-radius: 5px; box-shadow: 0.5rem 0.5rem 6px rgba(0, 0, 0, 0.6); border:5px double #aaaaaa !important; margin:7px 15px; max-width:300px; height:auto;}
  div[data-type="placeholder"] {display:inline-block;}
</style>
 
 
<iframe data-name="youtube" name="Video_Frame" class="Video_Frame" style="display: none;" width="360" height="200" allowfullscreen="1"></iframe>
 
<p data-name="youtube"><a class="VideoOn button" style="text-decoration:none;" href="https://www.youtube.com/watch?v=bGJOmGL6mYM?rel=0&autoplay=1" target="Video_Frame"><img src="https://files.homepagemodules.de/b624252/a_467_b7a85d9f.png"> Video 1 starten</a></p>
<p data-name="youtube"><a class="VideoOn button" style="text-decoration:none;" href="https://www.youtube.com/embed/bGJOmGL6mYM?rel=0&autoplay=1" target="Video_Frame"><img src="https://files.homepagemodules.de/b624252/a_467_b7a85d9f.png"> Video 2 starten</a></p>
<p data-name="youtube"><a class="VideoOn button" style="text-decoration:none;" href="https://youtu.be/bGJOmGL6mYM?rel=0&autoplay=1" target="Video_Frame"><img src="https://files.homepagemodules.de/b624252/a_467_b7a85d9f.png"> Video 3 starten</a></p>
 
 
<!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> -->
<script>
window.addEventListener('load', function ( ) {
  $('.VideoOn').click(function() {
    $(this).attr("href", function(index, youtube_watch) {
	  return youtube_watch.replace("/watch?v=", "/embed/").replace("youtu.be/" , "youtube.com/embed/").replace("/shorts/" , "/embed/").replace(/&.+/g, '">');
    });
    $('.Video_Frame').css('display','block');
  });
});
</script>
 

Schließen

Link über YouTube Videos:

Hilfreiche Links aus dem Forum:

Multi-Assistent für die Iconbar

Wolfgang

Feenharfe findet das Top!

Antworten

Moderations-Kommentar:

Beitrag überarbeitet.
Video-Links aus der Adresszeile und YouTube Shorts lassen sich jetzt auch konvertieren und wiedergeben!
Videos mit Hinweisfenster (DSGVO)

#2 | Mögliche "YouTube Links" zur Videowiedergabe mit dem Videokonverter! datum

25.12.2018 12:10 (zuletzt bearbeitet: 03.03.2024 13:50)

Wolfgang

Administrator

Informationen anzeigen

Beiträge:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

Mögliche "YouTube Links" zur Videowiedergabe mit dem Videokonverter!

Aktualisiert 28.12.23

Xobor-SoftwareDa die Xobor Forum-Software unvollständige Links erkennt und korrigiert,
ergeben sich max. 16 verschiedene Eingabemöglichkeiten durch den Videokonverter in Beitrag #1!

Fehleingaben minimieren!Fehleingaben der Videolinks werden durch den Videokonverter minimiert!

Diese Linkstruktur entspricht der YouTube-Adresse im Browser, ohne Anhang (&)!

Die Videowiedergabe funktioniert im Multi-Assistenten und mit [video]...[/video]

1.1: https://www.youtube.com/watch?v=bGJOmGL6mYM
1.2: //www.youtube.com/watch?v=bGJOmGL6mYM
1.3: //youtube.com/watch?v=bGJOmGL6mYM

Dieser Link wird beim Rechtsklick auf ein YouTube-Video angezeigt!

Die Videowiedergabe funktioniert im Multi-Assistenten und mit [video]...[/video]

2.1: https://youtu.be/bGJOmGL6mYM
2.2: https://www.youtu.be/bGJOmGL6mYM
2.3: //www.youtu.be/bGJOmGL6mYM
2.4: //youtu.be/bGJOmGL6mYM

Dieser Link wird zum Einbinden eines Frames in die Webseite genutzt!

Die Videowiedergabe funktioniert nur im Multi-Assistenten, nicht mit [video]...[/video]

3.1: https://www.youtube.com/embed/bGJOmGL6mYM
3.2: //www.youtube.com/embed/bGJOmGL6mYM
3.3: //youtube.com/embed/bGJOmGL6mYM

Diese Linkstruktur entspricht der YouTube-Adresse im Browser, mit Anhang (&)!

Die Videowiedergabe funktioniert im Multi-Assistenten und mit [video]...[/video]

4.1: https://www.youtube.com/watch?v=bGJOmGL6mYM&ab_channel=GoogleChrome
4.2: //www.youtube.com/watch?v=bGJOmGL6mYM&ab_channel=GoogleChrome
4.3: //youtube.com/watch?v=bGJOmGL6mYM&ab_channel=GoogleChrome

Diese Linkstruktur entspricht den YouTube-Shorts!

Die Videowiedergabe funktioniert nur im Multi-Assistenten, nicht mit [video]...[/video]

5.1: https://www.youtube.com/shorts/F4vUBH-maok?feature=share
5.2: //www.youtube.com/shorts/F4vUBH-maok?feature=share
5.3: //youtube.com/shorts/F4vUBH-maok?feature=share

1
2
3
4
5
6
7
8
 
<script>
/* YouTube Konverter  Video einfügen*/
window.addEventListener('load', function ( ) {
  $('.convert_youtube, .embed-responsive').html(function(index, link) {
    return link.replace("/watch?v=", "/embed/").replace("youtu.be/" , "youtube.com/embed/").replace("/shorts/" , "/embed/").replace(/&.+/g, '">');
  });
}); 
</script>
 

Schließen

Hilfreiche Links:

• Multi-Assistent für die Iconbar

Bis dann
Wolfgang

Antworten

#3 | Tracking-Schutz im IE verhindert Videowiedergabe! datum

09.07.2019 19:17 (zuletzt bearbeitet: 03.03.2024 13:52)

Tracking-Schutz im IE verhindert Videowiedergabe!

Veraltet

Bestimmte Tracking-Schutz-Listen verhindern im "Internet Explorer11" die Wiedergabe von YouTube-Videos im Forum!
Wer mit dem "Internet Explorer 11" arbeitet und die YouTube-Videowiedergabe im Forum nutzen möchte, sollte auf die Tracking-Schutz-Liste "Fraunhofer SIT" verzichten!
Sie blockiert alle Videos von YouTube im Forum, außerhalb interessanterweise nicht!!!
Als guter Ersatz bietet sich die Tracking-Schutz-Liste "German EasyList" an!

  • Internet Explorer 11 aufrufen!
  • "Tracking-Schutz" unter "Extra > Add-Ons verwalten" anklicken!
  • "Liste für den Tracking-Schutz online abrufen" anklicken und Tracking-Schutz-Liste z.B. "German EasyList" aussuchen!
  • Wichtig! Tracking-Schutz-Aktivierung über "Sicherheit" und "Tracking-Schutz" überprüfen, bzw. aktivieren!

Schließen

Hilfreiche Links:

• Multi-Assistent für die Iconbar

Wolfgang

Antworten

#4 | YouTube-Video-Konverter in den Beiträgen, auch für Shorts! datum

07.07.2025 20:01

Wolfgang

Administrator

Informationen anzeigen

Beiträge:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

Wird vom Support umgesetzt - 08.07.2025

YouTube-Video-Konverter in den Beiträgen, auch für Shorts!

Aktualisiert 08.07.2025

Die große Videogalerie fürs ForumFür eine große Anzahl von Videos empfiehlt sich die Videogalerie, die mit ihren neuen Optionen schon richtig glänzen kann!
Sie kann auch alle Videoformate und Größen verarbeiten, die Navigation hat sich verbessert und funktioniert im Business Template (v4) und im neuen Xobor (v6) & Mobil!

YouTube Videogalerie: YouTube-Videogalerie für das eigene Forum installieren - 5 Teile!

Der Muli-Dialog-AssistentWer Videos in den Beiträgen zur Verfügung stellen möchte, ist mit dem Multi-Dialog-Assistenten gut bedient.
Hier können gezielt Breite und Höhe bestimmt werden, auch YouTube-Shorts werden verarbeitet!

Multi-Dialog-Assistent: Multi-Dialog-Assistent für die Iconbar - YouTube Video-Größe ändern, ohne Assistenten

YouTube-Shorts in Beiträgen mit wenig EinstellungenWas kann man tun, wenn man keinen großen Aufwand mit Einstellungen haben möchte und nur manchmal ein YouTube-Video präsentieren will.
Die Grundausstattung der Iconbar mit [video] ... [/video] gibt das bereits her, es fehlt nur eine reibungslose Wiedergabe von YouTube-Shorts!
Seit YouTube die Shorts herausgebracht haben, war das bereits ein Thema im Support!
Es wäre gut, wenn Xobor da nachrüsten würde!

Was kann die folgende Installation?Mit der folgenden Installation wird der einfache Video-Foren-Code [video] ... [/video] um die Wiedergabe von "YouTube-Shorts" erweitert!
Beim Aufruf des Video-Dialog wird im Fenster YouTube-Shorts-Code eingegeben.
Nach einem Klick auf "OK" wird der Code passend umgewandelt und in den Beitrag eingetragen!
Neu! Setzt jetzt auch kompliziertere YouTube-Shorts-Video-Codes mit "?" und "&" richtig um!

Installation für alle Template & Mobil

Iconbar unter "Admin > Layout > Iconbar > linke Seite > [video] [/video] " öffnen!
Der vorhandene HTML-Code (1) wird durch HTML-Code (2) ersetzt!

Der vorhandene HTML-Code (1) unter "HTML" wird ausgetauscht!

1
 
<div onclick="insertVideoTag()" class="xob_icon_cont"><img title="[video][/video]" alt="[video][/video]" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/movie.png" ></div>

Gegen folgenden HTML-Code (2)!

1
2
3
4
5
6
7
8
 
<div onclick="insertVideoTag();
 
  $('textarea').val(function(index, YouTube) {
    return YouTube.replace('youtube.com/shorts/', 'youtu.be/').replace('youtube.com/embed/', 'youtu.be/'); 
  });" class="xob_icon_cont">
  
  <img title="[video][/video]" alt="[video][/video]" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/movie.png">
</div>
 

Schließen

Diskussion im Support: YouTube-Shorts einbetten!

Bis dann, gutes Gelingen und nochmal besten Dank an L2otbart
Wolfgang

Dankeschön findet das Top!

Antworten

Moderations-Kommentar:

Setzt jetzt auch kompliziertere YouTube-Shorts-Video-Codes mit "?" und "&" um!

#5 | RE: YouTube-Video-Konverter in den Beiträgen, auch für Shorts! datum

14.07.2025 16:36

Hallo Wolfgang,

ich frag mal hier nicht dort: Ich hab gerade hier
versucht einen Short einzubeziehen, ich dachte das geht jetzt automatisch, aber es wird bei mir nicht erkannt.
Muss ich dann doch deine Umgestaltung nehmen?

Die neuesten Beiträge auf meinem Naturforum...

Wolfgang findet das Top!

Antworten

#6 | YouTube-Video-Konverter in den Beiträgen, auch für Shorts! datum

14.07.2025 17:50

YouTube-Video-Konverter in den Beiträgen, auch für Shorts!

Hallo JanBis Xobor das Update eingespielt hat, dauert es noch eine Weile.
Bis dahin kannst Du ja das Skript aus Beitrag #4 nutzen!

Bis dann
Wolfgang

Dankeschön findet das Top!

Antworten

#7 | RE: YouTube-Video-Konverter in den Beiträgen, auch für Shorts! datum

14.07.2025 18:38 (zuletzt bearbeitet: 14.07.2025 18:38)

Super, vielen Dank, klappt!

Kleine Anmerkungen dann zu deiner Beschreibung:

Dass Xobor es "schon umgesetzt" hat, hab ich wohl überinterpretiert...
Der Ort zum Ändern unter "Admin > Layout > Iconbar", ist bei mir nicht "HTML", sondern links der "Video"-Baustein, den ausgewählt öffnet sich HTML automatisch.
Bei mir war der src= etwas anders, /icons/4/movie.svg, das hat mich kurz verunsichert, aber hat ja geklappt.

Die neuesten Beiträge auf meinem Naturforum...

Wolfgang findet das Top!

Antworten

Moderations-Kommentar:

Danke für die Info!
Habe die Anleitung korrigiert!

Animierte Grüße unter der Navigation - Animiertes Plakat » « Lesbarkeit erhöhen: Zeilen-, Buchstaben- und Wortabstand in den Beiträgen beliebig und einfach einstellen!

Ähnliche Themen

Antworten

Letzter Beitrag

Kurze Videoclips als MP4-Dateien & animierte GIF's per Mouseover - Neue Video-Button!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Dankeschön

28.10.2025 12:02
von

Dankeschön • Zugriffe: 2485

Wichtige Nachrichten vom Admin, im Profil für alle User!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

18.04.2024 23:08
von

Anne • Zugriffe: 645

Videos zeitweise nicht verfügbar!
Erstellt im Forum Ankündigungen & Termine, wichtige News. von Wolfgang 1 15.03.2024 07:26
Wolfgang • Zugriffe: 452

Cookie-Hinweis für iFrames für Short Youtube Kurz-Videos - Ladeskript und Verbindungsgeschwindigkeit?
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi

31.03.2024 01:07
von

Wolfgang • Zugriffe: 2027

YouTube-Videogalerie für das eigene Forum installieren - 5 Teile!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 4 06.07.2025 06:34
Wolfgang • Zugriffe: 2315
YouTube-Videos werden jetzt in der Vorschau angezeigt!
Erstellt im Forum Ankündigungen & Termine, wichtige News. von Wolfgang 1 23.12.2018 10:43
Wolfgang • Zugriffe: 907

Multi-Dialog-Assistent für die Iconbar - YouTube Video-Größe ändern, ohne Assistenten
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

07.09.2025 10:49
von

L2otbart • Zugriffe: 11759

Online Konverter für alle möglichen Fälle!
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 3 18.08.2017 11:18
Wolfgang • Zugriffe: 1478

Der Treffpunkt für Hilfe, Tricks & Tipps » XOBOR-Foren und Homepages »

Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! » YouTube Video-Konverter!

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gefällt und Du Dich hier genauso wohlfühlst wie wir.

Um Dir und den anderen Mitgliedern das Bestmögliche bieten zu können, würden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras ergänzen.

Wenn Du uns dabei unterstützen möchtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

12%