Создание элемента HTML <video> онлайн
Генератор HTML Video создает элемент <video> с дочерним элементом <source> для MP4. Укажите расположение видео, выберите параметры загрузки и воспроизведения, а при необходимости задайте размеры области проигрывателя. Предпросмотр, HTML-код и C#-код обновляются одновременно.
Настройки генератора HTML Video
Интерактивный генератор поддерживает следующие настройки:
- Source (MP4) задает URL или относительный путь, используемый дочерним элементом
<source>. - Preload добавляет
auto,metadataилиnoneкак рекомендацию браузеру по загрузке. - Width и Height задают размеры области воспроизведения в CSS-пикселях, если значения указаны.
- Autoplay, Controls, Loop и Muted добавляют соответствующие логические атрибуты к элементу
<video>.
В предпросмотре воспроизводится только доступный браузеру видеофайл с поддерживаемым кодеком. Относительный Source вычисляется от URL страницы генератора.
Создание элемента HTML <video> в C#
Панель HTML Code выше содержит настроенную разметку <video>. Панель C# Code ниже создает такой же элемент и MP4-источник с помощью
Aspose.HTML for .NET
.
Созданный код выполняет следующие действия:
- Создает
HTMLDocumentи элемент<video>с помощьюDocument.CreateElement(). - Применяет выбранные значения загрузки, воспроизведения и размеров через
Element.SetAttribute(). - Создает элемент
<source>для MP4-ресурса и добавляет его в элемент<video>с помощьюNode.AppendChild(). - Добавляет элемент
<video>в тело документа и сохраняетvideo.htmlс помощьюHTMLDocument.Save().
Сначала настройте video, затем скопируйте обновленный C#-код в свой .NET-проект.
FAQ по генератору HTML Video
1. Почему видео не воспроизводится в предпросмотре?
URL или относительный путь MP4 должен вести к ресурсу, доступному браузеру, а браузер должен поддерживать кодеки в контейнере MP4. Если проигрыватель пуст или сообщает о неподдерживаемом источнике, проверьте итоговый URL, ответ сервера и совместимость кодеков.
2. Почему элемент <video> с включенным Autoplay остается на паузе?
Браузеры часто блокируют автоматическое воспроизведение видео со звуком. Включите Muted, если требуется Autoplay, но учитывайте, что политика браузера и настройки пользователя все равно могут запретить автоматический запуск.
3. Гарантирует ли Preload объем загружаемых видеоданных?
Нет. Атрибут preload служит рекомендацией браузеру. none не рекомендует предварительную загрузку, metadata запрашивает основные сведения о медиа, а auto разрешает загрузить больше данных. Браузер может выбрать другую стратегию из-за Autoplay, сети или режима экономии трафика.
4. Что произойдет, если Width и Height не соответствуют пропорциям видео?
Width и Height определяют область воспроизведения. Обычно браузер сохраняет исходные пропорции видео внутри этой области, поэтому по бокам либо сверху и снизу может появиться свободное место. Оставьте один или оба размера пустыми, если фиксированная область не нужна.
5. Загружает, размещает или конвертирует ли генератор MP4-файл?
Нет. Генератор создает HTML- и C#-код со ссылкой на указанный Source. Видеофайл уже должен быть доступен по этому URL или относительному пути и иметь кодирование, поддерживаемое целевыми браузерами.
Установка Aspose.HTML for .NET
Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:
dotnet add package Aspose.HTML
Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в
руководстве по установке
. Чтобы протестировать API без ограничений ознакомительной версии, запросите
временную лицензию
.
Другие HTML-генераторы
Создавайте другие HTML-элементы и структуры с помощью специализированных генераторов