Modifica snippet

Snippet di sistema: il codice non è modificabile.

Versione corrente: 3

Code

Identificatore stabile (es. video).

Name

Description

Schema parametri (JSON)

Html template

<div class="sg-video" data-sg-snippet="{{ snippet_code }}" data-provider="{{ provider }}">
{% if use_facade and provider == "youtube" or use_facade and provider == "vimeo" %}
<div class="sg-video__facade" role="button" tabindex="0" aria-label="{{ title|default:'Riproduci video' }}" data-sg-embed-url="{{ video_url }}" data-sg-provider="{{ provider }}"{% if poster_url %} style="background-image: url('{{ poster_url }}');{% if poster_webp_url %} background-image: image-set(url('{{ poster_webp_url }}') type('image/webp'), url('{{ poster_url }}') 1x);{% endif %}"{% endif %}>
{% if play_icon %}{{ play_icon|safe }}{% endif %}
</div>
{% elif provider == "html5" or provider == "hls" %}
<video class="sg-video__native" controls playsinline{% if title %} aria-label="{{ title }}"{% endif %}{% if poster_url %} poster="{{ poster_url }}"{% endif %}{% if provider == "hls" %} data-hls-src="{{ video_url }}"{% endif %}{% if provider == "hls" and hls_key %} data-hls-key="{{ hls_key }}"{% endif %}>
{% if provider == "html5" %}<source src="{{ video_url }}" type="video/mp4">{% endif %}
</video>
{% elif provider == "youtube" or provider == "vimeo" %}
<iframe src="{{ video_url }}" title="{{ title|default:'Video' }}" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
{% endif %}
</div>

Markup HTML del componente (Django template).

Css

CSS del componente (namespace dedicato).

JavaScript init del componente.

Vendor static paths (JSON array)

Sort order

Is active

Uso nei blocchi: {% load sg_snippets %}{% sg_snippet "code" param=value %} · Torna alla libreria