Squeak.ru - шаблоны программирования

Как с помощью HTML5 центрировать встроенное видео YouTube и центрировать его?

Я пробовал такие вещи, как выравнивание текста и центрирование тегов ... Может ли кто-нибудь помочь?

Спасибо - Макс

html youtube center
18.10.2014

Ответы:


1

Добавьте следующее свойство CSS в ваш iframe и:

Демонстрация Fiddle

iframe {
    display: block;
    margin: auto;
}
18.10.2014
  • Это не сработало для меня. ‹iframe width=560 height=315 src=//www.youtube.com/embed/DTQTC290UY8 frameborder=0 allowfullscreen›‹/iframe› Я поместил это в свой index.html, а ваш код — в свой класс main.css. 19.10.2014

    • 2

    Вы не должны использовать центральный тег. Оставьте все стили CSS.

    Вы пытались установить левое и правое поля на авто?

    Что-то вроде:

    margin: 0 auto;

    Редактировать: я смог центрировать видео на YouTube, заставив CSS для iFrame установить его ширину, установить его тип отображения на блок и установить горизонтальные поля на автоматический. Вот как выглядит мой код.

    iframe {
    width: 560px;
    display: block;
    margin: 0 auto;
}
    18.10.2014
    Новые материалы
    API следующего поколения: gRPC n Javascript
    gRPC - быстро развивающаяся технология, которая потенциально может заменить протокол HTTP. Это быстрее, чем традиционные HTTP-вызовы, потому что он отправляет данные в двоичном формате, а не в..
    Ускоренный курс по жадным алгоритмам
    Дай мне, дай мне, дай мне Аудитория Эта статья предназначена для инженеров, достаточно хорошо разбирающихся в программировании, структурах данных и алгоритмах. Он в основном основан на..
    Изучайте Java (Урок 2: Комментарии)
    Как и зачем использовать комментарии в java с примерами Введение: Комментарии — это строки текста в программе Java, которые игнорируются компилятором и используются для добавления..
    Async Await в Swift: легкое управление параллелизмом
    Введение в запуск асинхронного кода Асинхронный код выполняет несколько операций одновременно. Параллелизм необходим при выполнении тяжелых вычислений или сетевых запросов. Однако это может..
    Очистить файлы Program .cache в Ubuntu 20.10
    Очистите кеш за несколько простых шагов! GNU / Linux реализовал эффективное управление хранилищем для своих пользователей. Но заметили ли вы, что в вашей системе Linux заканчивается место,..
    Использование Node.js для чтения действительно больших файлов (часть 1)
    В этом сообщении в блоге есть интересный источник вдохновения. На прошлой неделе кто-то на одном из моих каналов в Slack опубликовал тестовое задание, которое он получил на должность..
    Введение в градиентный спуск и обратное распространение
    Введение в градиентный спуск и обратное распространение Как машинное обучение? Машинное обучение ( ML ) - это исследование компьютерных алгоритмов, которые автоматически улучшаются по..