Why aren't my video controls working in my new video section?

[sanwal]

Hy,

I have created a video section but the video control are not working.I copied code from somewhere kindly guide me what's wrong

<div class="container">
<h1 class="heading">{{ section.settings.video-text1 }}</h1>
<p class="heading">{{ section.settings.video-text2 }}</p>
<video autoplay id="video" width="100%">
<source src="{{ section.settings.video-url }}" type="video/mp4" />
</video>
<p class="heading">{{ section.settings.video-text3 }}</p>
</div>

{% schema %}
{
"name": "New Video Section",
"settings": [
{
"id": "video-url",
"type": "text",
"label": "Heading",
"default": "https://cdn.shopify.com/s/files/1/0059/4709/7188/files/Sequence01_1.mp4?v=1586984148"
},
{
"id": "video-text1",
"type": "text",
"label": "Overlay Text 1",
"default": "BALANCE"
},
{
"id": "video-text2",
"type": "text",
"label": "Overlay Text 2",
"default": "~RELEASE"
},
{
"id": "video-text3",
"type": "text",
"label": "Overlay Text 3",
"default": "RESTORE"
}

],
"presets": [
{
"name": "New Video Section",
"category": "Video"
}
]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}