<var name="video_url6" type="text">
    <title xml:lang="ko">★ 유튜브6 URL</title>
    <description xml:lang="ko">유튜브 주소중(youtube.com/watch?v=aM9g4r9QUsM) 뒷부분만(aM9g4r9QUsM) 기재</description>
</var>
<var name="video_img6" type="image">
    <title xml:lang="ko">유튜브6 이미지</title>
    <description xml:lang="ko">유튜브6 이미지</description>
</var>
<var name="video_text6" type="textarea">
    <title xml:lang="ko">유튜브6 설명</title>
</var>

<div cond="$li->video_url6" class="item px-2">
    <div class="fh5co_hover_news_img">
        <div class="fh5co_hover_news_img_video_tag_position_relative">
            <div class="fh5co_news_img">
                <iframe id="video_6" width="100%" height="200"
                        src="https://www.youtube.com/embed/{$li->video_url6}?rel=0&amp;showinfo=0"
                        frameborder="0" allowfullscreen></iframe>
            </div>
            <div class="fh5co_hover_news_img_video_tag_position_absolute fh5co_hide_6">
                <img src="{$li->video_img6}" alt=""/>
            </div>
            <div class="fh5co_hover_news_img_video_tag_position_absolute_1 fh5co_hide_6" id="play-video_6">
                <div class="fh5co_hover_news_img_video_tag_position_absolute_1_play_button_1">
                    <div class="fh5co_hover_news_img_video_tag_position_absolute_1_play_button">
                        <span><i class="fa fa-play"></i></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="pt-2 text-center">
            <span class="">{$li->video_text6}</span>
        </div>
    </div>
</div>

$(document).ready(function () {
    $('#play-video_6').on('click', function (ev) {
        $(".fh5co_hide_6").fadeOut();
        $("#video_6")[0].src += "&autoplay=1";
        ev.preventDefault();

    });
});