Шорткод для вставки HTML5 видео

Шорткод для вставки HTML5 видео | n-wp.ru
Пример удобного шорткода, с помощью которого можно встроить HTML5 видео в посты и страницы блога, используя прямую ссылку на файл.
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Разработчики WordPress заявляют о всесторонней поддержке стандартов HTML5, и советуют пользоваться удобствами этой разметки. Разработчики браузеров тоже хвалятся поддержкой HTML5, даже не смотря на то, что эти стандарты еще не получили официальный статус. И что самое удивительное — так это то, что самым продвинутым в этом плане браузером является Internet Explorer 10. Его конструкторы вообще говорят о том, что в будущем откажутся от поддержки Flash в пользу HTML5. Ну а пока новые браузеры выходят, мы уже можем отказаться от использования флешь-плееров в пользу HTML5 для проигрывания видео.

Шорткод для вставки HTML5 видео

Если вы намерены из блога создать видео блог, то для вас будет не лишним шорткод, с помощью которого можно по прямым ссылкам встраивать видео, используя разметку HTML5. Давайте создадим такой шорткод.

Откройте файл functions.php и вставьте в него следующий код:

function html5_video($atts, $content = null) {
	extract(shortcode_atts(array(
		"src" => '', //прямая ссылка на видео файл
		"width" => '', //ширина
		"height" => '' //высота
	), $atts));
	return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls>';
}
add_shortcode('video5', 'html5_video');

Теперь вы можете использовать шорткод video5. Пример:

[video5 src="http://site.ru/video/example.mp4" width="640" height="480"]

В этом шорткоде используются три аргумента:

  • src — прямая ссылка на видео файл
  • width — ширина видео
  • height — высота видео
Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. AlexGr

    Почему-то после вставки шорткода перестает показываться весь остальной текст после него находящийся. Подскажите почему так

    Ответить