Changer la couleur de fond de la Vidéo YouTube embed

Je me demandais si il y a moyen de changer le fond de couleur de l'écran de YouTube qui s'affiche lorsque la vidéo est d'abord de chargement (image ci-jointe ci-dessous)? Actuellement, il a un noir couleur de fond que j'ai voulu changer de blanc; j'ai essayé d'ajouter theme=light à l'URL, mais cela n'a pas aidé. J'ai également recherché pour cette option à l'intérieur de l'Intégré YouTube les Joueurs et les Paramètres du Lecteur de document, mais ne pouvait pas trouver quelque chose par rapport à cela. C'est ainsi que ma vidéo embed code ressemble à ceci:

<iframe width="770" height="434" src="//www.youtube.com/embed/(video code)?theme=light&modestbranding=1&autohide=1&showinfo=0&controls=0&rel=0&vq=hd1080" frameborder="0" allowfullscreen></iframe>

Changer la couleur de fond de la Vidéo YouTube embed

OriginalL'auteur Fahad Hasan | 2014-09-12

  1. 4

    Google YouTube thèmes ont été dépréciées:

    Ce paramètre indique si le lecteur intégré affichage des commandes du lecteur (comme un bouton de lecture ou de contrôle du volume) dans l'obscurité ou la lumière de la barre de contrôle. Ce paramètre a été supprimée pour HTML5 joueurs, qui utilisent toujours le thème sombre.

    OriginalL'auteur Ian Bradbury

  2. 0

    C'est une telle douleur que seul le noir est pris en charge.

    Un plus gros problème que j'ai toujours eu, c'est qu'il est presque impossible de définir une largeur et la hauteur des tours exactement sur tous les écrans pour éviter les barres noires sur gauche /haut /droite /bas. Ceux-ci peuvent être particulièrement évident sur 2x et 3x écrans ou lors de l'utilisation d'un pourcentage de la largeur.

    Je parle précisément de 1 ou 2 pixels de noir sur un ou plusieurs côtés, pas la grande lettre de la boxe. Donc j'ai mis la vidéo de 16x9 aspect ratio, mais il n'est pas ronde exactement à un nombre exact de pixels.

    Ont souvent eu à ajouter un .overlay couche sur le dessus de l'iframe avec quelque chose comme:

    overlay
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    //knock out nasty borders
    outline: 2px solid white !important;
    outline-offset: -1px;

    pointer-events: none;
}

    Si seulement on pouvait définir l'arrière-plan blanc, il pourrait aider à résoudre ce problème 🙁

    OriginalL'auteur Simon_Weaver

  3. -1

    Hack serait pour masquer la vidéo avec un autre div.

    <iframe id="myvideo" width="770" height="434" src="//www.youtube.com/embed/TIfAkOBMf5A" frameborder="0" allowfullscreen></iframe>
<div id="myloadscreen" style="width:770px;height:434px;position:relative;top:-438px;background-color:#fff;background-image: url('http://i.stack.imgur.com/h6viz.gif');background-repeat:no-repeat;background-position:center;left:0px;"></div>

    Voir ce JSFiddle JSFiddle.net/3mzfzm76/.

    Puis, quand il charge cacher la div.

    Cette démo ne restitue dans le jsfiddle exemple 🙁

    OriginalL'auteur BX69