vid-player / index.html
Omnibus's picture
Update index.html
8046c23
Raw
History Blame Contribute Delete
1.31 kB
<!DOCTYPE html>
<html>
<head>
<link href="https://vjs.zencdn.net/8.6.0/video-js.css" rel="stylesheet" />
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
</head>
<body>
<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup="{}"
>
<source src="MY_VIDEO.mp4" type="video/mp4" />
<source src="MY_VIDEO.webm" type="video/webm" />
<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>
<script
type="module"
src="https://gradio.s3-us-west-2.amazonaws.com/3.47.1/gradio.js"
>
import { client } from "@gradio/client";
const app = await client("https://omnibus-vid-url-dl-mod.hf.space/--replicas/r2x89/");
const result = await app.predict(0, [
"https://twitter.com/i/status/1713820320153395203", // string in 'parameter_1' Textbox component
]);
console.log(result.data);
</script>
<script src="https://vjs.zencdn.net/8.6.0/video.min.js"></script>
</body>
</html>