|
2 | 2 | <html lang="en">
|
3 | 3 | <head>
|
4 | 4 | <meta charset="UTF-8">
|
5 |
| - <meta property="og:title" content="Klepp"/> |
| 5 | + <title>Klepp.me - {{video_dict.display_name}}</title> |
| 6 | + <meta property="og:title" content="Klepp {{video_dict.name}}"/> |
6 | 7 | <meta property="og:type" content="website"/>
|
7 |
| - <meta property="og:url" content="https://gg.klepp.me/{{path}}"/> |
8 |
| - <meta property="og:video" content="https://gg.klepp.me/{{path}}"/> |
9 |
| - <meta property="og:video:type" content="application/x-shockwave-flash"> |
10 |
| - <meta property="og:video:width" content="398"> |
11 |
| - <meta property="og:video:height" content="264"> |
12 |
| - <meta property="og:image" content="https://klepp.me/favicon.ico"/> |
| 8 | + <meta property="og:url" content="{{video_dict.uri}}"/> |
| 9 | + <meta property="og:video" content="{{video_dict.uri}}"/> |
| 10 | + |
| 11 | + <meta property="og:image" content="{{video_dict.thumbnail_uri}}"/> |
13 | 12 | <meta name="theme-color" content="#FF0000">
|
14 |
| - <title>Klepp video</title> |
| 13 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 14 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> |
| 15 | + <meta property="og:site_name" content="Klepp.me"/> |
| 16 | + <meta property="og:title" content="{{video_dict.display_name}}" /> |
| 17 | + <meta name="description" content="Watch "{{video_dict.display_name}}" on Klepp.me"> |
| 18 | + <link rel="shortcut icon" href="https://klepp.me/favicon.ico"> |
| 19 | + <meta property="og:type" content="video.other"> |
| 20 | + <meta property="og:image" content="{{video_dict.thumbnail_uri}}" /> |
| 21 | + <meta property="og:image:secure_url" content="{{video_dict.thumbnail_uri}}" /> |
| 22 | + <meta property="og:image:type" content="image/jpeg" /> |
| 23 | + <meta property="og:updated_time" content="{{video_dict.uploaded_at}}" /> |
| 24 | + <meta property="og:url" content="{{video_dict.uri}}"> |
15 | 25 | <style>
|
16 |
| - body {background: linear-gradient(90deg,#0f2027,#36474f 50%,#2c5364)} |
| 26 | + body {background: linear-gradient(90deg,#0f2027,#36474f 50%,#2c5364);} |
17 | 27 | .videoplayer {width: 100%; height: 100%}
|
| 28 | + #videocontrols {width: 100%; height: 100%;} |
18 | 29 | </style>
|
19 | 30 | </head>
|
20 | 31 | <body>
|
21 | 32 | <div class="videoplayer">
|
22 |
| - <video controls> |
23 |
| - <source src="https://gg.klepp.me/{{path}}" type="video/mp4"> |
| 33 | + <video controls id="videocontrols"> |
| 34 | + <source src="{{ video_dict.uri }}" type="video/mp4"> |
24 | 35 | Your browser does not support the video tag.
|
25 | 36 | </video>
|
26 | 37 | </div>
|
|
0 commit comments