Significant video player improvements

_includes/blocks/_base.liquid

@@ -1,6 +1,7 @@
-<div class="block block-{{ include.type }}
+<div {% if include.id %}id="{{include.id}}"{% endif %} class="block block-{{ include.type }}
 {% if include.float == "clear" %}float-clear{% elsif include.float %}float float-{{ include.float }}{% endif %}
-{% if include.align %}align-{{ include.align }}{% endif %}" style="
+{% if include.align %}align-{{ include.align }}{% endif %}
+{% if include.class %}{{ include.class }}{% endif %}" style="
 {% if include.width %}width: {{ include.width }};{% endif %}">
 	{{ include.content }}
 </div>

_includes/blocks/media.liquid

@@ -1,4 +1,21 @@
 {% capture content %}
+{% if include.player %}
+<div class="top">
+	<select class="variant"></select>
+</div>
+<div class="bottom">
+	<span class="play"></span>
+	<div class="playback">
+		<span class="time">0:00 / 0:00</span>
+		<input type="range" class="progress">
+	</div>
+	<div class="audio">
+		<span class="mute"></span>
+		<input type="range" class="volume">
+	</div>
+	<span class="fullscreen"></span>
+</div>
+{% endif %}
 {% if include.link %}<a href="{% if include.link == true %}{{ include.url }}{% else %}{{ include.link }}{% endif %}" {% if include.caption %}alt="{{ include.caption }}"{% endif %} target="_blank">{% endif %}
 {% assign file_info = site.static_files | where: "path", include.url %}
 {% if include.type == "image" %}
@@ -18,7 +35,7 @@
 	{% if include.lazyload %}</noscript>{% endif %}
 </picture>
 {% elsif include.type == "video" %}
-<video controls
+<video {% if include.player %}{% else %}controls{% endif %}
 	class="content"
 	{% if include.lazyload %}data-lazyload=""{% endif %}
 	{% if include.poster %}poster="{{ include.poster | absolute_url }}"{% endif %}
@@ -59,4 +76,10 @@
 {% if include.caption %}
 <figcaption>{{ include.caption }}</figcaption>
 {% endif %}
-{% endcapture %}{% include blocks/_base.liquid type="media" content=content float=include.float align=include.align %}
+{% endcapture %}
+{% if include.player %}
+{% assign class = include.type | append: " player" %}
+{% else %}
+{% assign class = include.type %}
+{% endif %}
+{% include blocks/_base.liquid type="media" class=class content=content float=include.float align=include.align id=include.id %}