it-swarm.com.de

Wie kann man die Leiste am oberen Rand von "youtube" ausblenden, auch wenn die Maus darüber schwebt?

Ich versuche, ein Youtube-Video einzubetten. Ich habe jedoch noch keinen Weg gefunden, die Leiste am oberen Rand von der Anzeige abzuhalten, wenn sich die Maus darüber befindet. Für meine Zwecke ist es wichtig, dass Benutzer keinen direkten Link zum Originalvideo haben, wo sie das Video erneut ansehen können. Der folgende Link enthält Befehle zum Einbetten von Funktionen in youtube:

https://developers.google.com/youtube/player_parameters#Overview

Ich habe die Steuerelemente und disablekb-Funktionen verwendet, um die Fähigkeit des Betrachters einzuschränken, das Video zu überspringen und wiederzugeben. Jetzt muss ich die Leiste deaktivieren, die oben im Video angezeigt wird. 

(Wo ich habe http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1 )

62
user2701033

Diese Antwort funktioniert nicht mehr, da YouTube den Parameter showinfo nicht mehr unterstützt.

Sie können die Titelleiste des eingebetteten Players ausblenden, indem Sie &showinfo=0 Hinzufügen. Sie können nicht alle Links zum Originalvideo vollständig entfernen. Hier ist das Beste, was Sie tun können

<iframe width="560" height="315" src="//www.youtube.com/embed/videoid?modestbranding=1&autohide=1&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>

Dieser Code entfernt die Titelleiste, das YouTube-Branding in Steuerelementen und Steuerelementen (optional, delete controls=0, Wenn Sie Steuerelemente benötigen). Auf dem Video wird jedoch ein weißes YouTube-Logo mit dem Videolink angezeigt.

Update 1: Hier ist ein neues Tool, das ich erstellt habe, um angepassten Code für den eingebetteten YouTube-Player zu generieren - Advanced Youtube Embed Code Generator

114

Um die Tube controls und title zu entfernen, können Sie so etwas tun. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe>

überprüfe dieses Beispiel wie es aussieht

showinfo=0 wird zum Entfernen von title und &controls=0 zum Entfernen von Steuerelementen wie volume, play, pause, spend verwendet.

9
Umang Patwa

Folgendes funktioniert für mich:

?rel=0&amp;fs=0&amp;showinfo=0

8
Shirley Ashby

Sie können es versuchen, es hat für mich funktioniert.

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/PEwac2WZ7rU?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1"></iframe>
</div>

Responsive Einbettung mit Bootstap

Ermöglichen Sie Browsern die Bestimmung der Video- oder Diashow-Dimensionen anhand der Breite des enthaltenen Blocks, indem Sie ein intrinsisches Verhältnis erstellen, das auf jedem Gerät korrekt skaliert wird.

Style Youtube-Video:

  • Wählen Sie ein Youtube-Video aus, klicken Sie auf Teilen und dann auf Einbetten.
  • Wählen Sie den Einbettungscode und kopieren Sie ihn.
  • Beginnen Sie die Änderung nach der Überprüfung = 3 Www.youtube.com/embed/VIDEOID?rel=0?version=3
  • Vergewissern Sie sich, dass zwischen jedem Element ein "&" eingefügt wird.
  • Für Autoplay: "Autoplay = 1" hinzufügen
  • Für Schleife: "Schleife = 1" hinzufügen
  • Blenden Sie die Steuerelemente aus: Fügen Sie "Steuerelemente = 0" hinzu.

Weitere Informationen erhalten Sie unter diesem Link https://developers.google.com/youtube/player_parameters#autoplay

Vielen Dank
BanyanTheme

5
Jilani A

showinfo=0 Funktioniert nicht mehr, da es veraltet ist

https://developers.google.com/youtube/player_parameters#showinfo

5
Daut

YouTube-Video öffnen Klicken Sie auf die Option zum Teilen. Klicken Sie in der Share-Option auf das eingebettete Tag . Sie sehen im eingebetteten Tag einige Kontrollkästchen. Deaktiviert bei Videotitel- und Spieleraktionen. Danach einfach Frame-Tag kopieren. 

<iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
0
Jeevan Pawar