<div class="modal narrow-modal" data-js-unit="AjaxWindow" data-js-unit-options="{"mode":"custom"}">
<div class="modal-overlay"></div>
<div class="modal-body">
<button class="modal-close" data-role="close" type="button"></button>
<div class="modal-content" data-ajax-url="/page/pagecard/card" data-js-unit="AjaxUnit" data-js-unit-options="{"successAction":"setHtml","errorAction":"alert"}" data-ajax="ajax-window-loader" data-ajax-data="">
<div data-state="initial">
</div>
<div data-state="loading" style="display: none;">
<div class="h1 text-center">Загрузка ...</div>
</div>
<div data-state="success" style="display: none;">
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
<script type="text" data-js-unit-method="open">
var $this = this.$root;
this.$root.addClass('active');
//todo - кастомные действия
this.load(); //начинаем загрузку данных
</script>
<script type="text" data-js-unit-method="close">
this.$root.removeClass('active');
</script>
</div>
<div class="video_card" data-js-unit="ui/VideoCard">
<div class="thumb_rel" data-block="thumb">
<div class="play_btn" data-block="play"></div>
<table class="thumb"><tr><td valign="middle">
<img data-block="image" width="100%">
</td></tr></table>
</div>
<div class="video" data-block="video">
<iframe frameborder="0" allowfullscreen width="100%" height="100%"></iframe>
</div>
</div>