Чтобы встроить любое видео, достаточно просто вставить ссылку на него при создании темы.
Однако почему-то при встраивании видео с YouTube (см. ниже) оно растягивается на всю ширину, тогда как видео с Vimeo остаётся уже.
Можно ли это исправить?
Я пробовал указывать размер видео в коде встраивания VIMEO, но разницы нет — видео всё равно отображается так же, как и при вставке ссылки.
Кажется, что встроить видео здесь невозможно, поэтому вот несколько скриншотов из моего сообщества. Ширина видео с Vimeo меньше, чем у видео с YouTube. Можно ли заставить видео с Vimeo также занимать максимально допустимую ширину?
Привет, Фалько!
Я новичок в Discourse и не знаю, что означает PR (как вы упомянули: «У меня есть PR для полноэкранных onebox-видео Vimeo»).
Хотя вы показали мне тест, который теперь работает, что мне нужно сделать, чтобы это заработало? Потому что видео Vimeo в моём сообществе всё ещё не разворачиваются на полную ширину.
Я всё ещё пытаюсь понять, что вы только что сделали в этом сообщении выше. Буду очень признателен, если вы подскажете, что мне нужно сделать, чтобы исправить это в моём сообществе. Спасибо.
PR означает «pull request» (запрос на слияние) и относится к GitHub. По сути, это означает, что Falco внес изменения в код Discourse и хочет, чтобы эти изменения были проверены перед их слиянием с основным кодом Discourse.
Этот конкретный сайт Discourse, meta.discourse.org, обновляется автоматически при каждом изменении, которое вносят наши инженеры. Ваш сайт не развертывается автоматически таким образом — мы развертываем обновления для клиентов на регулярной, но менее частой основе. Я уже инициировал развертывание (обновление) для вашего сайта. Развертывание должно завершиться примерно через 30 минут.
После завершения развертывания вам нужно будет пересобрать пост. Для этого нажмите кнопку «показать ещё» под постом, затем нажмите на гаечный ключ администратора. Наконец, выберите «пересобрать HTML».
Они сталкиваются с необычным поведением при отображении размера встраиваемых элементов. Даже после этого коммита размер приватных видео остаётся небольшим. Надеюсь, существует способ сделать их тоже на всю ширину?
У меня тоже возникла эта проблема. Я использую Discourse 2.9.0.beta9 (56832adf17)
Это особенно проблематично на маленьких экранах (измените размер этого экрана, и вы увидите, насколько крошечным становится второй элемент — тот, что в OneBox).
Вот ссылка с плеером в URL… (этот не уменьшается на маленьких экранах, но я не могу его также отцентрировать.)
Почему бы не применить эту же логику к любым источникам OneBox, которые явно указывают свою высоту и ширину и в конечном итоге внедряются через iframe?
Мысли и подход
В теории, если у нас уже есть явные значения высоты и ширины, которые передаются в iframe, тот же общий подход с установкой соотношения сторон можно использовать для того, чтобы сделать элементы масштабируемыми универсально.
Например, я всё чаще встраиваю демонстрационные видео в наше сообщество, поэтому перешёл на Bunny.net, известную своим CDN, и их сервис Bunny Stream для загрузки и встраивания видео.
После добавления video.bunnycdn.com и iframe.mediadelivery.net в настройки разрешённых iframe, я могу легко вставить URL из Bunny Stream, и он будет оформлен через OneBox с использованием одного из универсальных fallback-вариантов… но соотношение сторон выглядит очень странно при просмотре на мобильном устройстве.
В качестве быстрого обходного решения я написал простой компонент темы, который использует Plugin API и decorateCookedElement для обновления iframe с информацией о соотношении сторон.
