Implement lazy loading for Audio and Video
This commit is contained in:
@@ -23,7 +23,7 @@ Morbi in pulvinar mi. Nam dignissim ut augue sed placerat. Vestibulum ipsum odio
|
||||
{% endcapture %}{% include blocks/paragraph.liquid content=content %}
|
||||
{% endcapture %}{% include blocks/column.liquid content=column %}
|
||||
{% capture column %}
|
||||
{% include blocks/media.liquid type="image" float="left" url="http://localhost:4000/assets/logo.svg" height="80px" %}
|
||||
{% include blocks/media.liquid type="image" float="left" url="/assets/logo.svg" %}
|
||||
{% capture content %}
|
||||
Vestibulum euismod egestas dapibus. Sed ut mollis purus. Sed scelerisque vulputate nisl, eget fringilla magna aliquam non. Nam id arcu rhoncus, hendrerit felis cursus, suscipit metus. Fusce pretium tortor eget tellus convallis sodales. Aenean at aliquet urna, et pulvinar tortor. Nulla malesuada vel tellus vel feugiat.
|
||||
{% endcapture %}{% include blocks/paragraph.liquid content=content %}
|
||||
|
||||
@@ -72,7 +72,7 @@ videos:
|
||||
{% capture column %}
|
||||
{% assign caption=encoder.name %}
|
||||
{% assign real_url=encoder.url | replace: ":video", video.id | replace: ":res", resolution | replace: ":rate", bitrate | absolute_url %}
|
||||
{% include blocks/media.liquid type="video" url=real_url caption=caption poster=video.poster muted=true preload="none" %}
|
||||
{% include blocks/media.liquid type="video" url=real_url caption=caption poster=video.poster muted=true preload="none" lazyload=true %}
|
||||
{% endcapture %}{% include blocks/column.liquid content=column %}
|
||||
{% endfor %}
|
||||
{% endcapture %}{% include blocks/columns.liquid content=columns %}
|
||||
|
||||
Reference in New Issue
Block a user