Проигрывание media вложений HTML5

<h6 class="filename"><a href="{xen:link attachments, $attachment}" target="_blank">{$attachment.filename}</a></h6>

        <xen:if is="{$attachment.extension} == 'mp3' ">
<div><audio controls><source src="{xen:link attachments, $attachment}" type="audio/mpeg"></div>
</xen:if>

<xen:if is="{$attachment.extension} == 'mp4' ">
<div>
<video width="320" height="240" preload="none" controls><source src="{xen:link attachments, $attachment}"></video>
</div>
</xen:if>

.attachment
        {
            float: left;

.attachment
        {
            float: left;
            width: 100%;
            max-width: 500px;
        }