Embed YouTube Player показывает черный экран на мобильном телефоне - PullRequest
Новая
       52

Embed YouTube Player показывает черный экран на мобильном телефоне

0 голосов
/ 14 октября 2018

У меня есть WordPress-сайт, который я добавил к нему в виде HTML-кода для вставки видео на первую страницу.Это код: 

<iframe width="560" height="315" src="https://www.youtube.com/embed/XXX" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Я могу четко видеть видео на рабочем столе, но на мобильном телефоне (Chrome и другой браузер) вижу только черный экран, который нельзя щелкнуть.

Любые идеи

1 Ответ

0 голосов
/ 14 октября 2018

Попробуйте приведенный ниже код.Это делает ваш iframe отзывчивым. 

.iframe-container{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; 
	margin-bottom:15px
}

.fw-iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
<div class="iframe-container">
	<iframe class="fw-iframe" frameborder="0" allowfullscreen src="https://www.youtube.com/embed/DSR4gRfWmW0">
    </iframe>
</div>

Отрегулируйте отступы, поля и ширину соответственно.

...