Comment supprimer la marque youtube après l'intégration de la vidéo dans une page Web?
J'utilise
<iframe width="550" height="314" src="https://www.youtube.com/embed/vidid?modestbranding=1&rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
Cela supprime le logo "Youtube" en bas à droite. Et supprime également la "barre de titre" qui apparaît en survol.
Mais dans ce problème est, lorsque je survole en vidéo puis derrière le bas à droite "Youtube" tumbnail/texte est à venir et lorsque je supprime la souris alors il disparaît.
Lorsque j'utilise "autohide = 1", la barre de contrôle est masquée et un icône/image/logo de l'affichage "Youtube" est placé dans le coin inférieur droit. j'utilise
iframe.setAttribute("src", "youtube.com/embed/" + youtube.id + "?modestbranding=1&;showinfo=0&;autohide=1&;rel=0;");
cette. Avec cela, je peux supprimer/cacher la barre de titre et le logo de la barre de contrôle, mais en bas à droite, il y a un autre logo qui apparaît à l'écran en survol, quel paramètre dois-je utiliser pour masquer cela?
Vous pouvez ajouter ?modestbranding=1 à votre URL. Cela enlèvera le logo.
marque modeste (lecteurs pris en charge: AS3, HTML5)
Ce paramètre vous permet d’utiliser un lecteur YouTube qui n’affiche pas de logo YouTube. Définissez la valeur du paramètre sur 1 pour empêcher le logo YouTube de s'afficher dans la barre de contrôle. Notez qu'une petite étiquette de texte YouTube sera toujours affichée dans le coin supérieur droit d'une vidéo mise en pause lorsque le pointeur de la souris de l'utilisateur survolera le lecteur.
&showinfo=0 supprime la barre de titre.
showinfo (lecteurs pris en charge: AS3, AS2, HTML5)
Valeurs: 0 ou 1. La valeur par défaut du paramètre est 1. Si vous définissez la valeur du paramètre sur 0, le lecteur n'affichera pas d'informations telles que le titre de la vidéo et le programme de téléchargement avant le début de la lecture de la vidéo.
Vous pouvez trouver toutes les options sur le site Web Google Developers .
Remarque:
Cela ne supprime pas complètement le logo. Il y a encore un petit logo en bas à gauche.
showinfo est obsolète et sera ignoré après le 25 septembre 2018: https://developers.google.com/youtube/player_parameters
Il s’avère qu’il s’agit d’une interaction mal documentée, intentionnellement trompeuse ou non documentée entre le paramètre "controls" et le paramètre "modestbranding". Il n’existe aucun moyen de supprimer le logo de YouTube d’une vidéo YouTube intégrée, du moins tant que les commandes de la vidéo sont exposées. Tout ce que vous avez à faire est de choisir comment et quand vous voulez que le logo apparaisse. Voici les détails:
Si contrôles = 1 et modestbranding = 1, le logo YouTube est plus grand, sur l’image fixe de la vidéo sous forme de filigrane en niveaux de gris dans le coin inférieur droit et indique à quel moment les contrôles de lecture sont exposés sous forme d’un grand filigrane en niveaux de gris dans le coin inférieur droit. exemple: <iframe width="560" height="315" src="https://www.youtube.com/embed/Z6ytvzNlmRo?rel=0&controls=1&&showinfo=0&modestbranding=1" frameborder="0"></iframe>
Si contrôles = 1 et modestbranding = 0 (notre modification ici), le logo YouTube est plus petit, n'apparaît pas sur l'image fixe vidéo sous forme de filigrane en niveaux de gris dans le coin inférieur droit et s'affiche uniquement lorsque les commandes sont exposées en tant qu'icône blanche dans en bas à droite. exemple: <iframe width="560" height="315" src="https://www.youtube.com/embed/Z6ytvzNlmRo?rel=0&controls=1&&showinfo=0&modestbranding=0" frameborder="0"></iframe>
Si contrôles = 0, le paramètre modestbranding est ignoré et le logo YouTube est plus grand, sur l'image fixe de la vidéo, un filigrane en niveaux de gris dans le coin inférieur droit, le filigrane apparaît au survol d'une vidéo en cours de lecture et le filigrane apparaît dans le bas. à droite de toute vidéo en pause. exemple: <iframe width="560" height="315" src="https://www.youtube.com/embed/Z6ytvzNlmRo?rel=0&controls=0&&showinfo=0&modestbranding=1" frameborder="0"></iframe>
Youtube a supprimé la possibilité de supprimer complètement un lien YouTube d'une vidéo YouTube intégrée.
https://developers.google.com/youtube/player_parameters#modestbranding
Même en supprimant la section showinfo, YouTube place un logo semi-transparent dans le coin supérieur droit d'une vidéo en pause.
Supprimer YouTube Branding
À ce jour: Voir beaucoup de recherches et de suggestions pour désactiver le logo et la stratégie de marque YouTube à partir d'une vidéo intégrée; Je vous recommande de considérer ce qui suit:
- J'imagine que YouTube ne veut pas que vous fassiez cela, sinon ils le permettraient à leur guise.
- Certaines marques dépensent d’énormes efforts pour fournir les médias pas pendant 5 minutes. suppression.
- C'est bien d'avoir le logo et de respecter les droits des marques.
- Vous avez toujours la vidéo et le luxe de l'intégrer dans votre site/blog.
- Épargnez une partie de votre temps; ce n'est pas possible.
Encore! Vous avez la possibilité d'avoir Modest-Branding en utilisant ces paramètres:
https://www.youtube.com/embed/'+videourl+'?modestbranding=1
Et quelques autres paramètres pour la personnalisation :
&showinfo=0 //Turn off Title & Ratings
&showsearch=0 //Turn off Search
&rel=1 //Turn on Related Videos
&iv_load_policy=3 //Turn off Annotations
&cc_load_policy=1 //Force Closed Captions
&autoplay=1 //Turn on AutoPlay (not recommended)
&loop=1 //Loop Playback
&fs=0 //Remove Full Screen Option (not sure why you’d want to)
Et voici la fenêtre de personnalisation générale:
Avertissement: je ne travaille pas pour YouTube; tout simplement je respecte les droits d'auteur.
Oui c'est vrai
1)By modestbranding=1 to your url. That will remove the logo that is appered in bottom lest as branding and
2) By &showinfo=0 will remove the title bar.
Mais je pense que vous ne pouvez pas enlever les deux Pensez ensemble
Il suffit d'essayer les deux thnik entendre http://codegena.com/generator/Youtube-Embed-Code-Generator
1) quand essayez masquer logo
<iframe width='500' height='294' src="https://www.youtube.com/embed/YykjpeuMNEk?&theme=dark&autohide=2&modestbranding=1"frameborder="0"></iframe>
2) Maintenant, essayez de cacher la barre supérieure
<iframe width='500' height='294' src="https://www.youtube.com/embed/YykjpeuMNEk?&theme=dark&autohide=2&showinfo=0"frameborder="0"></iframe>
==> Mais maintenant, lorsque nous essayons de masquer les deux informations Voir la limitation
<iframe width='500' height='294' src="https://www.youtube.com/embed/YykjpeuMNEk?&theme=dark&autohide=2&modestbranding=1&showinfo=0"frameborder="0"></iframe>
Ce filigrane en bas à droite apparaît uniquement sur mouseover. Il n'y a aucun paramètre à supprimer, cependant si vous empilez un div transparent au-dessus de la vidéo et que vous le rendiez plus élevé z-index et de la même taille que la vidéo, votre mouseover ne déclenchera pas le filigrane car votre souris touchera le div.
Bien sûr, le compromis est que vous perdez la possibilité de cliquer sur la vidéo pour la mettre en pause. Mais si vous voulez laisser la possibilité de le mettre en pause, vous pouvez afficher les contrôles et laisser le calque supérieur div se couvrir jusqu'aux 30 pixels du bas environ, ce qui vous permet de cliquer sur les contrôles.
autoplay=1&autohide=2&border=0&wmode=opaque&enablejsapi=1&modestbranding=1&controls=2&showinfo=1
Cela a fonctionné pour moi, il a toujours montré s'abonner et il a montré le lien de partage, mais pas de bouton YouTube pour les enlever de la page à un autre. Donc, c'est la ligne que j'utiliserai qui, je pense, maintiendra le trafic sur mon site et ne décollera pas vers tous les autres sites.
J'ai essayé cela, mais il n'est pas possible de supprimer l'icône "Regarder sur YouTube". La solution suivante ne supprime pas l’icône elle-même mais "bloque" le survol de la souris de sorte que la surveillance sur YouTube ne soit pas cliquée. J'ai ajouté une icône sur le dessus de la souris, donc aucun survol de la souris ne sera affecté pour ce logo.
<div class="holder">
<div class="frame" id="player" style="height 350"></div>
<div class="bar" id="bottom-layer">.</div>
</div>
Où frame est mon lecteur intégré. inclure ce qui suit dans votre fichier css
.holder{
position:relative;
width:640px;
height:350px;
}
.frame{
width: 100%;
height:100%;
}
.bar{
position:absolute;
bottom:0;
right:0;
width:100%;
height:40px;
}
Ce n'est pas une solution complète mais vous aide si vous êtes dérangé par le fait que les utilisateurs obtiennent l'URL youtube complète.
Si, comme moi, vous préférez que les gens ne cliquent pas sur youtube en utilisant le logo, vous pouvez utiliser un lecteur comme jwplayer. En utilisant jwplayer, le logo est toujours là, il est impossible de cliquer.
Depuis août 2018 showinfo et rel paramètre ne fonctionne pas les réponses qui recommandent de les utiliser ne fonctionnent plus et modestbranding ne supprimez pas tous les logos
voici ma solution difficile comment cacher TOUT
Avant de commencer, vous devez vous rendre compte que toutes les informations youtube sont des clous en haut et en bas d'iframe (pas de vidéo, c'est important)
Faites iframe plus haut que la hauteur réelle de la vidéo. Dans les paramètres iframe, définissez height = width * 1.7 (ou un autre multiplicateur)
Cachez les informations de youtube sous votre en-tête et votre pied de page avec une position absolue en haut et en bas de l'élément de wrapper d'iframe. La hauteur de l'en-tête et du pied de page peut être calculée comme suit: iframeHeight iframeWidth * (9/16)))/2. Si vous souhaitez le plein écran, vous devez le masquer en dehors de la zone visible de l'écran et définir le débordement sur masqué.
Dans mon cas, j'utilise JS pour détruire iframe une fois la vidéo terminée afin que l'utilisateur ne puisse pas voir l'offre de youtube avec d'autres vidéos.
Remarque importante également: étant donné qu'iOS 12.2 remplace le lecteur Youtube par le leur, le calcul de la largeur et de la hauteur doit être effectué dans le constructeur (en cas de réaction), car l'arrivée du lecteur iOS entraîne le redimensionnement de la page -> recalcul possible de la largeur et de la hauteur-> restitution vidéo -> pause vidéo
exemple de code jsfiddle.net/xavmd5j9
Un inconvénient de cette solution est qu’elle étend l’espace réservé à l’image.
--- (
voilà à quoi cela pourrait ressembler avec des contrôles personnalisés
La seule façon de supprimer la marque YouTube (tout en maintenant la vidéo cliquable) consiste à placer l'iFrame intégré dans un conteneur dont le paramètre overflow est défini sur hidden et dont la hauteur est légèrement inférieure à celle de l'iFrame.
Bien entendu, cela signifie que le bas de votre vidéo est coupé.
En outre, vous violerez probablement Conditions d'utilisation de YouTube .
CSS:
.videoWrapper {
width: 550px;
height: 250px;
overflow: hidden;
}
HTML:
<div class="videoWrapper">
<iframe width="550" height="314" src="https://www.youtube.com/embed/vidid?modestbranding=1&rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>