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

Совместимость с XenForo:

• XenForo 1.2
• XenForo 1.3
• XenForo 1.4
• XenForo 1.5

Заходим в Админ панель дальше -> редактируем шаблон "attached_files":
Находим :

Код:

<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>

Далее идем в attached_files.css и ищем:

Код:

.attachment
        {
            float: left;

ниже у нас будет "max-width" оно то нам и надо
меняем его значение на "500px", итоговый:

Код:

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

скрин:


очень было бы не плохо если кто нибудь объяснит как работать с условиями, дабы избавится от лишнего куска кода...