[Résolu] Youtube en responsive design

Bonsoir à tous,

Je me permet de vous solliciter car j'ai un souci avec de l’intégration de vidéos youtube sur une page web.
En effet, en local tout fonctionne parfaitement mais une fois en ligne, juste le bloc de l'Iframe s'affiche.

<div class="main-container">
		<section class="features features-10">
				<div class="container">
					<div class="row v-align-children">
						<div class="col-md-6">
							<div class="embed-video-container">
								<iframe src="https://www.youtube.com/embed/8MuczlfFVVc" frameborder="0" allowfullscreen></iframe>
							</div>		
						</div>
					
						<div class="col-md-5 col-md-offset-1">
							<h4>Client : Célia CASAL</h4>
							<p>Reliure artisanale et comtemporaine 
							</p>			
						</div>
					</div>
				</div>
			</section>
		</div>

Exemple : ci dessous
https://forum.alsacreations.com/upload/1509989387-68287-fdfd.png
En vous remerciant d'avance de votre aide.
Je vous souhaites une agréable soirée.


Elpatho
Modifié par pathozombie (06 Nov 2017 - 18:30)

Bonjour,

en regardant sur ton site, il y a des erreurs:

Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic (« default-src http://www.katchina-graphisme.fr »).  (source inconnue)
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à https://www.youtube.com/embed/CJaRI_EjRMI (« default-src http://www.katchina-graphisme.fr »).  (source inconnue)
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à https://www.youtube.com/embed/8MuczlfFVVc (« default-src http://www.katchina-graphisme.fr »).  (source inconnue)
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à https://www.youtube.com/embed/9H5Gupd9rOg (« default-src http://www.katchina-graphisme.fr »).  (source inconnue)
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à https://www.youtube.com/embed/MMyAZ_Ofx7A (« default-src http://www.katchina-graphisme.fr »).  (source inconnue)
Échec du chargement pour l’élément <script> dont la source est « http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js ».  motion.html:408
Échec du chargement pour l’élément <script> dont la source est « http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js ».  motion.html:409
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à self (« default-src http://www.katchina-graphisme.fr »). Source: onfocusin attribute on DIV element.  motion.html
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js (« default-src http://www.katchina-graphisme.fr »).  (source inconnue)
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js (« default-src http://www.katchina-graphisme.fr »).  (source inconnue)
Échec du chargement pour l’élément <script> dont la source est « http://www.katchina-graphisme.fr/js/jquery.js ».  motion.html:416
Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à http://katchina-graphisme.fr/404.html (« default-src http://www.katchina-graphisme.fr »).

le serveur renvoie la réponse en en-tête: Content-Security-Policy: default-src 'self';

Ce qui fait que toutes les resources extérieures à ton site sont bannies.

il faudrait qqch du genre:

Content-Security-Policy: default-src 'self' cdnjs.cloudflare.com www.youtube.com fonts.googleapis.com

Un GRAND merci Kustolovic,

En effet il s'agissait bien d'un problème .htaccess
J'avais bel et bien :

Content-Security-Policy: default-src 'self' 

J'ai tout enlever et ça fonctionne parfaitement!


Encore merci et très bonne continuation!
Modifié par pathozombie (06 Nov 2017 - 19:32)