https://wide.video/app/1.7.11/

1<!DOCTYPE html>
2<html lang="en" prefix="og: https://ogp.me/ns#">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6	<meta name="theme-color" content="#141414">
7
8	<title>Free Online Video Editor | wide.video</title>
9
10	<link rel="shortcut icon" type="image/png" href="image/favicon.png" />
11	<link rel="apple-touch-icon" href="image/apple-touch-icon.png" />
12	<link rel="manifest" href="/manifest.json" />
13
14	<meta name="description" content="<strong>wide.video</strong> is a free, privacy-first online video editor.
15		Edit HD or 4K video locally with <strong>AI Captions</strong>, <strong>Background Removal</strong>, and <strong>Smooth Motion</strong>. No server uploads, no signups._TEXT">
16	<meta name="author" content="Jozef Chúťka">
17	<meta property="og:title" content="Free Online Video Editor | wide.video">
18	<meta property="og:description" content="<strong>wide.video</strong> is a free, privacy-first online video editor.
19		Edit HD or 4K video locally with <strong>AI Captions</strong>, <strong>Background Removal</strong>, and <strong>Smooth Motion</strong>. No server uploads, no signups._TEXT">
20	<meta property="og:image" content="https://wide.video/app/1.7.11/image/og_image3.jpg">
21	<meta property="og:image:alt" content="Free Online Video Editor | wide.video">
22	<meta property="og:image:width" content="1200">
23	<meta property="og:image:height" content="630">
24	<meta property="og:locale" content="en_US">
25	<meta property="og:type" content="website">
26	<meta property="og:url" content="https://wide.video">
27	<meta name="twitter:site" content="@wide_video">
28	<meta name="twitter:card" content="summary_large_image">
29
30	<style>
31	:root {
32		--backgroundColor: #151515;
33		--logo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 5100 930"><defs><g id="ide"><path d="M881 843a49 49 0 0 1-51-51V347c0-15 5-28 14-37 10-9 22-14 37-14s27 5 37 14c9 9 14 22 14 37v445c0 15-5 27-14 37-10 9-22 14-37 14Zm0-636c-18 0-34-6-47-19a63 63 0 0 1-19-47c0-18 6-33 19-46s29-20 47-20 33 7 46 20 20 28 20 46-7 34-20 47a63 63 0 0 1-46 19Z"/><path d="M1310 847a273 273 0 0 1-240-136c-24-42-36-89-36-142s11-100 33-141c23-42 53-75 92-99 38-25 82-37 131-37a244 244 0 0 1 193 91V113c0-15 5-28 14-37 10-9 22-14 37-14s27 5 37 14c9 9 14 22 14 37v456a278 278 0 0 1-135 242c-42 24-88 36-140 36Zm0-90a171 171 0 0 0 154-92c15-29 23-61 23-96 0-36-8-68-23-96a171 171 0 0 0-154-91 171 171 0 0 0-155 91c-15 28-23 60-23 96 0 35 8 67 23 96a171 171 0 0 0 155 92Z"/><path d="M1982 847c-56 0-105-12-148-35-43-24-76-57-101-98-24-42-36-90-36-144 0-55 11-103 34-144 23-42 55-75 96-98 40-24 87-36 140-36 52 0 96 12 134 35 37 23 66 54 85 95 20 40 30 86 30 139 0 13-5 23-13 32-9 8-20 12-33 12h-403v-80h400l-41 28c-1-33-8-63-20-89-13-27-31-48-54-63-24-15-52-23-85-23-38 0-71 8-98 25s-47 40-61 69-21 61-21 98 8 69 25 98c16 29 39 51 69 68 29 17 63 25 101 25 20 0 42-4 63-11 22-8 39-17 53-27 10-7 21-11 32-11 12-1 22 3 31 10 11 10 17 21 18 33 0 12-5 22-16 31-23 18-51 33-85 44-33 11-66 17-96 17Z"/></g></defs><g fill="%23ffffff" stroke="%23ffffff" stroke-width="42"><path d="M248 843c-11 0-21-3-30-9-9-7-15-15-18-24L52 366c-6-21-5-37 0-50 6-13 18-20 38-20 12 0 23 4 31 11 9 7 15 18 21 35l126 394h-35l119-402c3-11 9-20 17-27s19-11 33-11c13 0 24 4 32 11 9 7 14 16 17 27l97 378h-15l118-370c9-31 26-46 52-46 18 0 31 7 38 20 6 13 6 29-1 50L592 810c-3 9-9 17-17 24-9 6-19 9-30 9s-21-3-30-9c-10-7-16-15-18-24L394 429h10L296 810c-3 9-9 17-18 24-9 6-19 9-30 9Z"/><use xlink:href="%23ide"/></g><g fill="%231897fb" stroke="%231897fb" stroke-width="42"><path d="M2355 859c-19 0-35-7-49-20a66 66 0 0 1-20-49c0-19 7-36 20-49 14-14 30-21 49-21s35 7 49 21c13 13 20 30 20 49s-7 35-20 49a66 66 0 0 1-49 20Z"/><path d="M2639 842c-21 0-37-11-48-33l-212-447c-6-11-6-22-2-33 5-11 13-20 26-26 11-6 23-7 34-3 12 4 21 12 27 23l198 427h-48l196-427c6-11 15-19 27-23 13-4 25-3 38 3a43 43 0 0 1 22 59l-212 447c-10 22-26 33-46 33Z"/><use xlink:href="%23ide" x="2170"/><path d="M4766 847c-54 0-102-12-143-35-42-24-74-57-98-98-23-42-35-90-35-144 0-55 12-103 35-144 24-42 56-75 98-98 41-24 89-36 143-36 53 0 100 12 142 36 41 23 74 56 97 98 24 41 36 89 36 144 0 54-12 102-35 144-24 41-56 74-97 98-42 23-89 35-143 35Zm0-90a168 168 0 0 0 155-90c14-28 22-60 22-97s-8-69-23-97a167 167 0 0 0-154-91 171 171 0 0 0-155 91c-16 28-23 60-23 97s7 69 23 97a171 171 0 0 0 155 90Z"/></g></svg>');
34		--spinner: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="50" cy="50" r="32" stroke-width="8" stroke="%23787878" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round" transform="rotate(68.1026 50 50)"><animateTransform attributeName="transform" type="rotate" repeatCount="indef

34inite" dur="1s" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform></circle></svg>');
35	}
36
37	:root,
38	body {
39		height: 100%;
40		background-color: var(--backgroundColor);
41		margin: 0;
42	}
43
44	body.initializing {
45		background: var(--logo) center / 200px no-repeat;
46	}
47
48	body.initializing::after {
49		content: "";
50		position: absolute;
51		inset: 0;
52		opacity: .1;
53		background: var(--spinner) center / 150px no-repeat;
54	}
55	</style>
56</head>
57<body class="initializing"></body>
58<link href="studio.css" rel="stylesheet"/>

59<script src="studio.js"></script>

59
60</html>