form-field-video.html

{%- capture this_id -%}{{ include.label | slugify }}{%- endcapture -%}

<fieldset
    id="{{ this_id }}"
    class="
        {% include patterns/form-field-auto-save-classes %}
        group 
        pat-form-field-video
        {% if include.depends %}pat-depends{% endif %}"
    {% if include.action %}
        data-pat-inject="
            url: {{ include.action }}; 
            source: #{{this_id}};
            target: #{{this_id}}"
    {% endif %}>
    <legend>
        {%- include patterns/i18n id=include.label %}{% include patterns/form-required.html -%} 
    </legend>
    {% if page.video %}
        <video
            class="video"
            controls
            src="{{ page.video }}">
            <source
                src="{{ page.video }}"
                type="video/mp4">
        </video>
        <div 
            class="pat-button-bar">
            <button
                tabindex="0"
                class="
                    remove
                    pat-button"
                type="submit"
                formaction="/event-brainstorm-session-published.html">{%- include patterns/i18n id="patterns.label_remove_imp" -%}</button>
        </div>
    {% else %}
        <div 
            class="pat-button-bar">
            <label
                class="
                    file-upload-button
                    pat-button">
                {% include patterns/i18n id="label_upload_imp" %}
                <input
                    tabindex="0"
                    type="file"
                    accept="video/mp4,video/x-m4v,video/*"
                    name="" />
            </label>
        </div>
    {% endif %}
    {% if include.help %}
        {% include patterns/form-help.html
            content=include.help more=include.help_more %}
    {% endif %}
</fieldset>