Online Profiler

  • PROFIL
  • LEISTUNGEN
  • PREISE
  • PORTFOLIO
  • FACHWISSEN
  • KONTAKT
YouTube Video
Fachwissen ✷ YouTube Video automatisch abspielen

YouTube Video automatisch abspielen

Andy von MappenGuide.de hatte folgende Frage: Wie kann man ein YouTube Video automatisch abspielen lassen. Folgender Artikel gibt Einblick in die vielen kleinen Codeschnipsel, die das Abspielen von YouTube Videos steuern und so passgenau für Ihre Webseite zugeschnitten werden können. Hier finden Sie eine Kurzanleitung, wie’s geht, weitere gute Tipps für das Anpassen von YouTube Videos auf Ihre Bedürfnissen und weiterführende Links zum Thema. Achtung NEU: ganz unten finden Sie eine Anleitung für NICHT-CODER.

Kurzanleitung, wie’s geht…

Sie benötigen eine Homepage?

Ich habe mich auf die Erstellung von WordPress Webseiten spezialisiert.

Angebote im Überblick

 
Andy von MappenGuide.de hatte folgende Frage…

Wie kann man ein YouTube Video beim Öffnen der Webseite automatisch abspielen lassen?

…vielleicht könnte die Antwort auch für Sie interessant sein?

YouTube Video automatisch abspielen

Die Antwort…

Integrieren eines Autoplay Code Schnipsels in den YouTube Code….

und so wird’s gemacht:

Fügen Sie in den YouTube Code, der z.B. wie folgt aussehen kann

<iframe src=”https://www.youtube.com/embed/8kI0WfpDLK8″ frameborder=”0″ width=”480″ height=”360″></iframe>

 
folgenden Zusatz ein:

&autoplay=1

in html lautet das Sonderzeichen für & übrigens & a m p ; (natürlich ohne Leerzeichen)

Mehr Informationen über Sonderzeichen:
→ Mehr über Sonderzeichen erfahren

Der vollständige Code lautet dann…

<iframe src=”http://www.youtube.com/embed/8kI0WfpDLK8&autoplay=1″ frameborder=”0″ width=”480″ height=”360″></iframe>

Fertig! Und schon spielt das Video automatisch beim Öffnen der Seite ab.
YouTube Video automatisch abspielen ist somit eigentlich gar nicht so schwierig.
 

Trick: Nach Ende des Videos keine weiteren Videos anzeigen

Und gleich noch ein Trick…

sollten Sie den Nutzer nicht mit weiteren Videos (related Videos) am Ende des Films belasten wollen, dann hängen Sie doch einfach hinter die autostart noch folgenden Code:

&rel=0

<iframe src=”http://www.youtube.com/embed/8kI0WfpDLK8&autoplay=1&rel=0″ frameborder=”0″ width=”480″ height=”360″></iframe>

Und gleich noch ein Hinweis. Sollten Sie bevorzugen, dass das Video nicht automatisch startet, dann hängen Sie bitte nur ein

?rel=0

an das Ende der Zeichenkette.

Der vollständige Code lautet dann…

< iframe src="https://www.youtube.com/embed/8kI0WfpDLK8?rel=0" width="480" height="360" frameborder="0" allowfullscreen>

Für Nicht-Coder noch ein Hinweis

Und an dieser Stelle noch eine kurze Erläuterung für NICHT-CODER.

Wenn Sie auf Youtube den Codeschnipsel zum Einbetten des Videos in Ihren WordPress Blog kopieren, dann gibt es dort bereits mehrere Optionen, die Sie wählen können.

1. Klicken Sie auf Einbetten
Youtube Code einbetten
Ganz unten sehen Sie den Hinweis: “MEHR ANZEIGEN”

2. Klicken Sie auf MEHR ANZEIGEN, die folgenden Optionen öffnen sich
Youtube Code Einbetten - Optionen

Löschen Sie den Harken aus dem Kästchen “Nach Ende des Videos vorgeschlagene Videos anzeigen”.

Nun setzt sich das Video nach Ende automatisch wieder auf das Anfangsbild zurück und Ihre Besucher werden nicht von Fremdvideos belästigt.

Web Designer gesucht?


    Spamschutz: Bitte ausfüllen *
    captcha

    * sind Pflichtfelder

    Sie haben WordPress im Einsatz und benötigen für Ihre Webseite professionelle Hilfe?
    Ihr Profil soll in den digitalen Medien geschärft werden, damit Sie und Ihr Unternehmen mit einem individuellen und einzigartigen Webauftritt gegenüber Ihrer Konkurrenz punkten?

    Ich unterstütze Sie gerne!

    Tragen Sie Ihren Namen, E-Mail Adresse oder Telefon Nr. ins Kontaktformular ein und ich melde mich umgehend bei Ihnen.

     

    Weblinks:

    Bei youtube kann man noch weitere Parameter nachlesen…
    Mehr auf YouTube

    Link Juice:

    Kategorie: Fachwissen, Web Developement

    Silke Hohgardt ✷ Digitale Medien Profil Schleiferin

    Silke Hohgardt • Online Profiler
    Gründerin von Online Profiler ✷ Werkstatt für WordPress Webseiten ✷
    Digital Media Studio ✷ COWORKER . SPACE ✷ begeistert von Responsive Web Design, Typographie, Fotografie und Storytelling ✷ arbeite mit WordPress, Genesis Framework, Bootstrap ✷ liebe Ragdolls, Tai Chi, italienische & asiatische Küche und essen bei wagamama
    ✷ Twitter @onlineprofiler ✷ mehr über mich im → Profil

    GEBEN SIE IHREM DIAMANTEN SCHLIFF!

    Mit einer neuen Webseite von Online Profiler.
    So funktioniert es

    FACHWISSEN & THEMEN

    → Web Design
    → Design Pattern
    → Web Development
    → WordPress
    → Genesis
    → Online Marketing
    → SEO
    → Content Marketing
    → Internetrecht
    Webdesign : Professionelle Homepage erstellen
    Neu: Webdesign Simmern und VHS Kurse
     
    Responsive Web Design :
    Mobile Optimierung für Websites

     
    Suchmaschinen Optimierung :
    OnPage SEO Grundlagen
    Off Page SEO Grundlagen
    Online Profiler
    Internet & Webdesign Agentur
    Ihre Werkstatt für WordPress Webseiten

    Ernst-Siegel-Str. 14
    55469 Simmern / Hunsrück
    Deutschland

    +49 6761 8305 189
    Kontakt

    Wordpress Logo
    genesis framework logo
    StudioPress

     
     

    • Bloglovin
    • Facebook
    • Google+
    • Instagram
    • LinkedIn
    • RSS
    • Twitter
    • IMPRESSUM
    • DATENSCHUTZ