mirror of
https://onedev.site.tesses.net/tytd2025
synced 2026-02-08 09:45:44 +00:00
41 lines
1.2 KiB
Plaintext
41 lines
1.2 KiB
Plaintext
func Pages.VideoEmbed(id, name)
|
|
{
|
|
const css = "<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
</style>";
|
|
const srcTag = $"<source src=\"./api/v1/download?v={Net.Http.UrlEncode(id)}&inline=true\" type=\"video/mp4\"/>";
|
|
const html = <!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>TYTD - {name}</title>
|
|
|
|
<link rel="stylesheet" href="./video-js.css">
|
|
<script src="./video.min.js" defer></script>
|
|
/* thanks https://github.com/videojs/video.js/discussions/8156#discussioncomment-5098465 */
|
|
<raw(css)>
|
|
</head>
|
|
<body>
|
|
<video
|
|
id="my-video"
|
|
class="video-js"
|
|
controls=true
|
|
preload="auto"
|
|
poster={$"./api/v1/video-thumbnail?v={Net.Http.UrlEncode(id)}&res=default"}
|
|
data-setup="{\"fill\": true}">
|
|
<raw(srcTag)>
|
|
<p class="vjs-no-js">
|
|
To view this video please enable JavaScript, and consider upgrading to a
|
|
web browser that
|
|
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
|
|
</p>
|
|
</video>
|
|
</body>
|
|
</html>;
|
|
return html;
|
|
} |