HTML5 video & Subtitles

HTML5 video player using media and fullscreen APIs compatible across most major desktop and mobile browsers.


Video code

<figure>

<video controls preload="metadata" onloadstart="this.volume=0.2" lang="fr-fr">

<source src="/wp-content/uploads/2020/01/create-digital-signature-demo.mp4" type="video/mp4">
<source src="/wp-content/uploads/2020/01/create-digital-signature-demo.webm" type="video/webm">
<source src="/wp-content/uploads/2020/01/create-digital-signature-demo.ogg" type="video/ogg">
<!-- Offer subtitles -->
<track label="English" kind="subtitles" srclang="en-en" src="/wp-content/uploads/2020/01/create-digital-signature-demo-en.vtt" default="">
<track label="Français" kind="subtitles" srclang="fr-fr" src="/wp-content/uploads/2020/01/create-digital-signature-demo-fr.vtt">
<track label="Español" kind="subtitles" srclang="es-es" src="/wp-content/uploads/2020/01/create-digital-signature-demo-en.vtt">

</video>

<figcaption>x-platform html5 video player alongside subtitles</figcaption>

</figure>
SRT file cole

1
00:00:00,700 --> 00:00:06,000
Open the file you need to sign with preview then click the Show Markup Toolbar button.

2
00:00:06,780 --> 00:00:09,190
Now click the Sign icon.

3
00:00:10,140 --> 00:00:14,580
To start, click the Click Here to Begin button.

4
00:00:14,910 --> 00:00:20,280
Use the trackpad to sign and then press any key to finish.

5
00:00:20,820 --> 00:00:23,160
Now click the Done button.

6
00:00:23,510 --> 00:00:26,860
Select the signature you have just created.

7
00:00:27,210 --> 00:00:29,800
It does appear in your document.

8
00:00:30,160 --> 00:00:31,800
Drag and drop it.


WebVTT file code

WEBVTT

00:00:00.700 --> 00:00:06.000
Open the file you need to sign with preview then click the Show Markup Toolbar button.

00:00:06.780 --> 00:00:09.190
Now click the Sign icon.

00:00:10.140 --> 00:00:14.580
To start, click the Click Here to Begin button.

00:00:14.910 --> 00:00:20.280
Use the trackpad to sign and then press any key to finish.

00:00:20.820 --> 00:00:23.160
Now click the Done button.

00:00:23.510 --> 00:00:26.860
Select the signature you have just created.

00:00:27.210 --> 00:00:29.800
It does appear in your document.

00:00:30.160 --> 00:00:31.800
Drag and drop it.
Video files converter: mp4 > webm, ogg
Subtitles files converter: srt > vtt