Вставьте видео в Docusaurus, который занимает 100% ширины - PullRequest
Новая
       20

Вставьте видео в Docusaurus, который занимает 100% ширины

0 голосов
/ 14 апреля 2020

Я создаю веб-сайт от V2 Docusaurus .

Я хочу встроить видео YouTube на страницу. Я хочу, чтобы ширина рамки составляла 100% страницы. Я перепробовал много решений, но не нашел идеального. На данный момент я использую следующий код: 

<iframe width="675" height="380" src="https://www.youtube.com/embed/_AQXQDjw7Y8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Он хорошо работает на рабочем столе, но я понимаю, что он не работает на телефоне:

enter image description here

У кого-нибудь есть идеи?

1 Ответ

0 голосов
/ 15 апреля 2020

Проблема не связана с Docusaurus c.

<iframe width="675" ... />

Вы жестко задаете значение ширины, которое больше, чем ширина большинства мобильных устройств, так что это ожидаемо. Посмотрите, как Flux docs делает это в https://github.com/facebook/flux/blob/master/docs/In-Depth-Overview.md.

...