- Описание функции
- Примеры использования
- Создание видео-элемента с использованием функции wp_video_shortcode()
- Настройка высоты и ширины видео-элемента с помощью функции wp_video_shortcode()
- Добавление постера к видео с помощью функции wp_video_shortcode()
- Включение автозапуска видео с помощью функции wp_video_shortcode()
- Отключение звука видео с помощью функции wp_video_shortcode()
- Вопросы и ответы
- Как изменить высоту видео во встроенном плеере?
- Как изменить ширину видео во встроенном плеере?
- Как добавить изображение-постер к видео?
- Как включить автоматическое воспроизведение видео?
- Как включить зацикливание видео?
- Как отключить звук в видео?
- Как изменить способ предварительной загрузки видео?
- Как изменить класс видео-элемента?
- Как добавить дополнительный контент к видео?
- Связанные элементы
Описание функции
Функция wp_video_shortcode() используется для создания вывода видео-кода для шорткода. Она строит HTML-контент для отображения видео.
Использование
wp_video_shortcode( array $attr, string $content = '' ): string|void Функция wp_video_shortcode() принимает два параметра: $attr (обязательный) и $content (необязательный). Она возвращает строку с HTML-контентом для отображения видео.
$attr(массив, обязательный): Атрибуты шорткода.src(строка): URL источника видеофайла. По умолчанию пусто.height(целое число): Высота встраиваемого видео в пикселях. По умолчанию 360.width(целое число): Ширина встраиваемого видео в пикселях. По умолчанию$content_widthили 640.poster(строка): Атрибут ‘poster’ для элементаvideo. По умолчанию пусто.loop(строка): Атрибут ‘loop’ для элементаvideo. По умолчанию пусто.autoplay(строка): Атрибут ‘autoplay’ для элементаvideo. По умолчанию пусто.muted(строка): Атрибут ‘muted’ для элементаvideo. По умолчанию false.preload(строка): Атрибут ‘preload’ для элементаvideo. По умолчанию ‘metadata’.class(строка): Атрибут ‘class’ для элементаvideo. По умолчанию ‘wp-video-shortcode’.$content(строка, необязательный): Содержимое шорткода. По умолчанию пусто.
Функция возвращает строку с HTML-контентом для отображения видео.
<?php
$attr = array(
'src' => 'https://example.com/video.mp4',
'height' => 480,
'width' => 720,
'poster' => 'https://example.com/poster.jpg',
'loop' => 'true',
'autoplay' => 'true',
'muted' => 'true',
'preload' => 'auto',
'class' => 'custom-video',
);
$content = '';
$result = wp_video_shortcode( $attr, $content );
echo $result;
?> В приведенном выше примере мы создаем массив $attr с атрибутами для видео. Затем мы передаем этот массив и пустое содержимое в функцию wp_video_shortcode(). Результат функции сохраняется в переменной $result. Затем мы выводим результат на экран с помощью echo.
Примеры использования
Создание видео-элемента с использованием функции wp_video_shortcode()
$attr = array(
'src' => 'https://example.com/video.mp4'
);
echo wp_video_shortcode( $attr );
В этом примере мы создаем видео-элемент с помощью функции wp_video_shortcode(). В атрибуте src указываем URL источника видео файла. Результатом выполнения функции будет HTML код, который отображает видео.
Настройка высоты и ширины видео-элемента с помощью функции wp_video_shortcode()
$attr = array(
'src' => 'https://example.com/video.mp4',
'height' => 480,
'width' => 640
);
echo wp_video_shortcode( $attr );
В этом примере мы указываем высоту и ширину видео-элемента с помощью атрибутов height и width. Значения указаны в пикселях. Результатом выполнения функции будет HTML код с заданными размерами видео.
Добавление постера к видео с помощью функции wp_video_shortcode()
$attr = array(
'src' => 'https://example.com/video.mp4',
'poster' => 'https://example.com/poster.jpg'
);
echo wp_video_shortcode( $attr );
В этом примере мы добавляем постер к видео с помощью атрибута poster. В атрибуте указываем URL изображения, которое будет использоваться в качестве постера. Результатом выполнения функции будет HTML код с видео и постером.
Включение автозапуска видео с помощью функции wp_video_shortcode()
$attr = array(
'src' => 'https://example.com/video.mp4',
'autoplay' => 'true'
);
echo wp_video_shortcode( $attr );
В этом примере мы включаем автозапуск видео с помощью атрибута autoplay. Значение true указывает на автоматическое воспроизведение видео при загрузке страницы. Результатом выполнения функции будет HTML код с автозапуском видео.
Отключение звука видео с помощью функции wp_video_shortcode()
$attr = array(
'src' => 'https://example.com/video.mp4',
'muted' => 'true'
);
echo wp_video_shortcode( $attr );
В этом примере мы отключаем звук видео с помощью атрибута muted. Значение true указывает на отключение звука. Результатом выполнения функции будет HTML код с отключенным звуком видео.
Вопросы и ответы
Как изменить высоту видео во встроенном плеере?
Для изменения высоты видео во встроенном плеере необходимо использовать атрибут «height» функции «wp_video_shortcode()». Значение этого атрибута указывает высоту видео в пикселях.
$attr = array(
'src' => 'https://example.com/video.mp4',
'height' => 480
);
echo wp_video_shortcode($attr);
Как изменить ширину видео во встроенном плеере?
Для изменения ширины видео во встроенном плеере необходимо использовать атрибут «width» функции «wp_video_shortcode()». Значение этого атрибута указывает ширину видео в пикселях.
$attr = array(
'src' => 'https://example.com/video.mp4',
'width' => 640
);
echo wp_video_shortcode($attr);
Как добавить изображение-постер к видео?
Для добавления изображения-постера к видео необходимо использовать атрибут «poster» функции «wp_video_shortcode()». Значение этого атрибута указывает URL изображения-постера.
$attr = array(
'src' => 'https://example.com/video.mp4',
'poster' => 'https://example.com/poster.jpg'
);
echo wp_video_shortcode($attr);
Как включить автоматическое воспроизведение видео?
Для включения автоматического воспроизведения видео необходимо установить значение «autoplay» в атрибуте «true».
$attr = array(
'src' => 'https://example.com/video.mp4',
'autoplay' => 'true'
);
echo wp_video_shortcode($attr);
Как включить зацикливание видео?
Для включения зацикливания видео необходимо установить значение «loop» в атрибуте «true».
$attr = array(
'src' => 'https://example.com/video.mp4',
'loop' => 'true'
);
echo wp_video_shortcode($attr);
Как отключить звук в видео?
Для отключения звука в видео необходимо установить значение «muted» в атрибуте «true».
$attr = array(
'src' => 'https://example.com/video.mp4',
'muted' => 'true'
);
echo wp_video_shortcode($attr);
Как изменить способ предварительной загрузки видео?
Для изменения способа предварительной загрузки видео необходимо использовать атрибут preload функции wp_video_shortcode(). По умолчанию значение этого атрибута равно ‘metadata’, что означает, что видео будет загружаться только метаданными. Вы можете изменить это значение на ‘auto’, чтобы видео загружалось автоматически, или на ‘none’, чтобы видео не загружалось вообще.
$attr = array(
'src' => 'http://example.com/video.mp4',
'preload' => 'auto'
);
echo wp_video_shortcode($attr);
Как изменить класс видео-элемента?
Для изменения класса видео-элемента необходимо использовать атрибут class функции wp_video_shortcode(). По умолчанию значение этого атрибута равно ‘wp-video-shortcode’, но вы можете изменить его на любое другое значение, чтобы стилизовать видео-элемент с помощью CSS.
$attr = array(
'src' => 'http://example.com/video.mp4',
'class' => 'my-video'
);
echo wp_video_shortcode($attr);
Как добавить дополнительный контент к видео?
Для добавления дополнительного контента к видео необходимо использовать атрибут $content функции wp_video_shortcode(). Этот атрибут позволяет вставить любой HTML-код или текст, который будет отображаться вместе с видео. Например, вы можете добавить описание видео или кнопку воспроизведения.
$attr = array(
'src' => 'http://example.com/video.mp4'
);
$content = '<p>This is a video about cats.</p><button>Play</button>';
echo wp_video_shortcode($attr, $content);
Функция
wp_video_shortcode()позволяет легко вставлять видео на страницы WordPress с помощью шорткода. Вы можете изменять способ предварительной загрузки видео, класс видео-элемента и добавлять дополнительный контент к видео. Это очень удобно для создания интерактивных и привлекательных видео-контента на вашем сайте.
Связанные элементы
- Функция
add_shortcode(): регистрирует новый шорткод. - Функция
remove_shortcode(): удаляет зарегистрированный шорткод. - Хук
wp_video_shortcode_class: позволяет изменить класс элемента видео-шорткода. - Хук
embed_defaults: позволяет изменить значения атрибутов по умолчанию для вставки контента. - Хук
embed_oembed_html: позволяет изменить HTML-код для вставки контента. - Класс
WP_Embed: предоставляет методы для вставки контента из различных источников.