Почему некорректно отображается виджет на WordPress?

Здравствуйте, создал зону для виджета таким образом:

function video_widget_init() {
    register_sidebar( array(
        'name' => 'Видео компании',
        'id' => 'video',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<span class="hidden">',
        'after_title' => '</span>',
    ));
  }
  add_action( 'widgets_init', 'video_widget_init' );

В сам виджет вставил следующий html-код:

<video id="main-video" controls preload poster="<?php echo get_template_directory_uri(); ?>/img/preview.jpg">
    <source src="<?php echo get_template_directory_uri(); ?>/video/castles.mp4" type="video/mp4">
</video>

Заголовок обернутый в span с классом hidden не скрывается, а видео не отображается. Смотрел через f12 на span во вкладке styles нет этого класса, но как атрибут класс присутствует. А в видео php-функция вместо замены на путь остается как текст. В чем здесь ошибка?

Не судите строго, только начинаю разбираться с WP. Заранее спасибо за ответ.