Wie man einen YouTube Audio Player einbetten

Durch etwas Feintuning der code, den Sie normalerweise verwenden würden, um das einbetten eines YouTube-video in eine Web-Seite, können Sie jedes video in ein audio-player. Der trick ist, verringern Sie die Höhe des Videos auf 25 Pixel, die Raum lässt für das Spiel bar, aber macht das video zu sehen. Wenn Sie setzen die audio-player in eine HTML-Seite, müssen Sie mit dem üblichen "
" - codes und machen ein paar änderungen, um die Höhe, die Sie brauchen. Für jemand mit einem blog, wie WordPress oder Tumblr, ist der Prozess sehr viel einfacher.


Wie das Einbetten eines YouTube-Audio-Player
Durch etwas Feintuning der code, den Sie normalerweise verwenden würden, um das einbetten eines YouTube-video in eine Web-Seite, können Sie jedes video in ein audio-player. Der trick ist, verringern Sie die Höhe des Videos auf 25 Pixel, die Raum lässt für das Spiel bar, aber macht das video zu sehen. Wenn Sie setzen die audio-player in eine HTML-Seite, müssen Sie mit dem üblichen '
' - codes und machen ein paar änderungen, um die Höhe, die Sie brauchen. Für jemand mit einem blog, wie WordPress oder Tumblr, ist der Prozess sehr viel einfacher.
Audio-Player für HTML -
  • Suchen Sie Ihre HTML-Datei auf Ihrem computer, und öffnen Sie es mit Ihrem Lieblings-Web-design-Anwendung oder eine Klartext-editing-Anwendung wie Notepad. Wenn Sie nicht über eine Kopie auf Ihrem computer, öffnen Sie Ihren Web-Seite mit Ihrem browser mit der rechten Maustaste auf die Seite und wählen Sie 'View Source'. Drücken Sie 'Strg-A' um alle zu markieren, dann 'Strg-C' zu kopieren. Sie können dann fügen Sie Sie in eine leere TXT-Datei und speichern Sie es im format TXT, änderung der extension von '.txt' zu '.html.'
  • rufen Sie die YouTube-video, das Sie verwenden möchten. Klicken Sie auf den 'Share' - link unter dem video und klicken dann auf 'Einbetten'.' Klicken Sie auf die 'Video Size' - Menü und wählen Sie, wie weit Sie wollen, dass die YouTube-audio-player zu sein. Die Breite ist die erste dimension. Wenn Sie die Option '560 x 315' zum Beispiel, die Breite 560 Pixel breit.
  • Platzieren Sie den cursor, wo Sie wollen, dass die eingebetteten audio-player erscheinen auf Ihrer Web-Seite und drücken Sie 'Enter' eine neue Zeile erstellen. Kopieren und fügen Sie den folgenden code in die leere Zeile, und ersetzen Sie dann die Breite 'XXX' dimension mit der dimension, die Sie ausgewählt auf dem YouTube-video:
  • Fügen Sie den folgenden code-Zeile in eine neue Zeile nach der letzten Zeile eingefügt:
  • Subtrahieren 25 von der Höhe der YouTube-video-Größe, die Sie ausgewählt. Ersetzen Sie das 'XXX' in der letzten code-Zeile mit dieser Nummer. In diesem Beispiel wird die Höhe 315px, so würde sich 291px.
  • Kopieren und fügen Sie den folgenden code in eine Dritte neue Zeile, und ersetzen Sie die 'XXX' mit Ihrem YouTube-video die Breite und 'YYY' mit seiner Höhe:
  • Speichern Sie Ihre HTML-Datei auf Ihrem desktop in nur-text-format mit der Erweiterung '.html' mit dem original-Datei-Namen, wie 'webpage.html.' Doppelklicken Sie auf die Datei auf dem desktop um es zu starten mit Ihrem Web-browser. Die Play-Taste, die Zeit und den YouTube-link sollten alle erscheinen-aber das video ist nicht sichtbar.
  • Laden Sie die bearbeitete HTML-Datei auf Ihre website mit Ihrem Lieblings-FTP-client-app.
  • YouTube-Audio-Player für Blogs
    • Suchen Sie das video, das Sie freigeben möchten, auf YouTube. Klicken Sie auf den 'Share' - link unter dem video und wählen Sie 'Einbetten'.' Klicken Sie auf die 'Video Size' - Menü und wählen Sie die Breite, die Sie verwenden möchten, auf Ihrem blog, was ist die erste dimension aufgeführt.
    • Markieren Sie den embed-code und kopieren ihn in die Zwischenablage durch drücken von 'Strg-C'
    • Loggen Sie sich in Ihrem blog zu Bearbeiten, die per post oder Seite, die Sie einbetten möchten Sie den audio-player. Platzieren Sie den cursor, wo Sie wollen das audio-player zu erscheinen und fügen Sie den embed-code durch drücken von 'Strg-V.'
    • Ändern Sie die Höhe der embedded-player auf '25'. Zum Beispiel, wenn der code lautet