Как вывести видео отдельным тегом?

<div align="center"><img src="{image-1}"></div>
<div class="video">[xfvalue_video]</div>
{short-story limit="200"}

var url = "{image-1}"; // урл картинки 
var regImg = /no_image\.jpg/gi;     // шаблон для заглушки no_image.jpg
var result = url.match(regImg);  // ищем no_image.jpg в урле картнки 
// вывод результата
if (result) {
//если урл нашелся, значит картинки нет и будем вставлять с ютуба  
            var str = "[xfvalue_youtube]";// поле с сылкой с ютуба вида https://www.youtube.com/watch?v=1tjFYzdd_iY
            var yolink = str.split('v=')[1];//убираем лишний хлам
//загружаем картинку с ютуба
    document.write('<div class="youtube_image"><img width="800" src="//img.youtube.com/vi/' + yolink + '/maxresdefault.jpg" alt="{title}" class="img-thumbnail"/></div>')
//0.jpg - 480х360
//maxresdefault.jpg - максимальный размер
//если надо выводить видео ,то можно вывести так :
// document.write('<iframe width="514" height="289" src="http://www.youtube.com/embed/' + yolink + '?showinfo=0" frameborder="0" allowfullscreen></iframe>');
} else {
//если урл не нашелся, значит картинка есть и загружаем картинку
    document.write('<img width="800" alt="{title}" src="{image-1}" class="img-thumbnail">')
}