Video einbinden

[golferteddy]

Das ist mir als Laie schon wieder zu hoch. Wie kommst du an den Link in deinem Code?

Wenn ich das Video in deinem Shop anschaue und die Link URL kopiere oder auch den Einbettungscode kopiere, dann ist das ein anderer als in deinem Code.

Den Link holst du dir aus dem Einbett-Code bei You-Tube

Der Code den ich verwende ist der ALTE Youtube einbett Code, eben nicht mit IFRAME
Früher konnte man wählen (Object oder iframe)

Nimm einfach meinen Code, Kopiere den Video Link rein und pass die Größe nach deinen Wünschen an.

[Meppi]

hmm mit den normalen einbett code hatte das gestern bei mir nicht funktioniert. versuche ich heute abend nocheinmal.

[h-h-h]

Nach meiner Information funktioniert die <object/Variante nicht auf iPhones und iPads, wobei diese mir besser gefallen würde, da von YT selbst nicht verkleinertes JS bereitgestellt wird, was Google wiederum kritisiert. 

Gruß, h-h-h

[golferteddy]

Also ich bin da zuwenig Programmierer.... aber wenn ich den Artikel mit meinem Iphone 6 OS 8.12
aufrufe, ist das eigentlich ok

http://www.teddy-fabrik.de/product_info.php?products_id=423

Gruss
Martin Hermann

[gerd55]

Also ein Produktvideo bindest du ganz einfach ein. Du öffnest das YouTube-Video. Dann klickst du mit einem Rechtsklick auf das Videofeld und wählst "Einbettungscode kopieren" aus. Nun hast du das Produktvideo quasi in der Zwischenablage. Bei WordPress ist es nun so, dass du dann in den Code musst. Diesen fügst du dort einfach ein. Bei Modified ist es genauso.

Ein kleiner Tipp: Wenn du sonst keinen YouTube-Auftritt hast, dann würde ich das Video auf "Nicht gelistet" stellen. Ansonsten könntest Du Aufmerksamkeit erhalten, die du dort nicht willst und nicht immer ist das gut (weiß ich aus eigener Erfahrung). Deswegen empfehle ich dir, dass du es auf "Nicht gelistet" stellst.

Ich hoffe, ich konnte noch helfen.
Beste Grüße
Gerd aus Nürnburg

[EDIT Tomcraft 23.07.2018: SPAM-Link entfernt und auf die Zensur-Liste gesetzt!]

[fishnet]

Also ein Produktvideo bindest du ganz einfach ein. Du öffnest das YouTube-Video. Dann klickst du mit einem Rechtsklick auf das Videofeld und wählst "Einbettungscode kopieren" aus. [...]

Nein.

Du rufst das Video auf, klickst unten rechts auf den Textlink "TEILEN"
Es öffnet sich ein Popup. Dort klickst du auf EINBINDEN.
Nun kommst du in ein neues Fenster. Dort runterscrollen!! Weiter unten gibts einen Punkt "erweiterten Datenschutzmodus aktivieren", diesen anhaken !!
Nun wieder hochscrollen und den Code kopieren und im Shop einfügen.

[Herr_Bert]

Guten Tag und vielen Dank für den Hinweis 
Das funktioniert tadellos, aber wie kann ich denn diesen Code:

Code: XML  [Auswählen]

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/yG36hfLKgYc?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

anpassen damit das ganze responsiv wird? Auf dem Smarty ist das Fenster zu groß 

Herr_Bert

[Herr_Bert]

So geht es 

Das im Quellcode des Artikels einfügen:

Code: PHP  [Auswählen]

<div class="embed-container"><iframe allowfullscreen="" id="idIframe" onload="iframeLoaded()" src="https://www.youtube-nocookie.com/embed/yG36hfLKgYc?rel=0" style="border: none;" width="100%"></iframe></div>

Und das ist die Formatierung dazu:

Code: CSS  [Auswählen]

.embed-container {
position: relative;
padding-bottom: 56.25%; /* ratio 16x9 */
height: 0;
overflow: hidden;
width: 100%;
height: auto;
}

.embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

Herr_Bert

[Timm]

YoubeTube Video responsive in 2.0 einbinden

Hier gibts eine Lösung von hpzeller die funktioniert.

Gruß Timm