Update index.html
Browse files- index.html +34 -8
index.html
CHANGED
|
@@ -7,25 +7,51 @@
|
|
| 7 |
<link rel="stylesheet" href="style.css" />
|
| 8 |
<meta name="twitter:card" content="player"/>
|
| 9 |
<meta name="twitter:site" content=""/>
|
| 10 |
-
<meta name="twitter:player" content=""/>
|
| 11 |
-
<meta name="twitter:player:stream" content=""/>
|
| 12 |
<meta name="twitter:player:width" content="100%"/>
|
| 13 |
<meta name="twitter:player:height" content="100%"/>
|
| 14 |
<meta property="og:title" content="Video Player"/>
|
| 15 |
<meta property="og:description" content="Video Player"/>
|
| 16 |
<meta property="og:image" content="https://huggingface.co/datasets/jbilcke-hf/ai-tube-index/resolve/main/videos/165a6c81-3747-44a4-93a5-46b87353cd02.webp"/>
|
| 17 |
<!--meta http-equiv="refresh" content="0; url=https://jbilcke-hf-ai-tube.hf.space/"-->
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 22 |
<script>
|
| 23 |
const queryString = window.location.search;
|
| 24 |
const urlParams = new URLSearchParams(queryString);
|
| 25 |
const vid = urlParams.get("video");
|
| 26 |
console.log(vid)
|
| 27 |
-
document.
|
| 28 |
-
|
|
|
|
|
|
|
| 29 |
|
| 30 |
</script>
|
| 31 |
</body>
|
|
|
|
| 7 |
<link rel="stylesheet" href="style.css" />
|
| 8 |
<meta name="twitter:card" content="player"/>
|
| 9 |
<meta name="twitter:site" content=""/>
|
| 10 |
+
<meta name="twitter:player" content="https://omnibus-video-card.static.hf.space/index.html"/>
|
| 11 |
+
<meta name="twitter:player:stream" content="https://omnibus-video-card.static.hf.space/index.html"/>
|
| 12 |
<meta name="twitter:player:width" content="100%"/>
|
| 13 |
<meta name="twitter:player:height" content="100%"/>
|
| 14 |
<meta property="og:title" content="Video Player"/>
|
| 15 |
<meta property="og:description" content="Video Player"/>
|
| 16 |
<meta property="og:image" content="https://huggingface.co/datasets/jbilcke-hf/ai-tube-index/resolve/main/videos/165a6c81-3747-44a4-93a5-46b87353cd02.webp"/>
|
| 17 |
<!--meta http-equiv="refresh" content="0; url=https://jbilcke-hf-ai-tube.hf.space/"-->
|
| 18 |
+
<style>
|
| 19 |
+
.container {
|
| 20 |
+
position: relative;
|
| 21 |
+
overflow: hidden;
|
| 22 |
+
width: 100%;
|
| 23 |
+
padding-top: 100%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
|
| 24 |
+
}
|
| 25 |
+
.responsive-iframe {
|
| 26 |
+
position: absolute;
|
| 27 |
+
top: 0;
|
| 28 |
+
left: 0;
|
| 29 |
+
bottom: 0;
|
| 30 |
+
right: 0;
|
| 31 |
+
width: 100%;
|
| 32 |
+
height: 100%;
|
| 33 |
+
}
|
| 34 |
+
</style>
|
| 35 |
+
</head>
|
| 36 |
+
<body>
|
| 37 |
+
<div class="container">
|
| 38 |
+
<iframe
|
| 39 |
+
id="myFrame"
|
| 40 |
+
class="responsive-iframe"
|
| 41 |
+
src=""
|
| 42 |
+
frameborder="0"
|
| 43 |
+
></iframe>
|
| 44 |
+
</div>
|
| 45 |
+
|
| 46 |
<script>
|
| 47 |
const queryString = window.location.search;
|
| 48 |
const urlParams = new URLSearchParams(queryString);
|
| 49 |
const vid = urlParams.get("video");
|
| 50 |
console.log(vid)
|
| 51 |
+
document.getElementById("myFrame").src = vid;
|
| 52 |
+
|
| 53 |
+
//document.querySelector('meta[name="twitter:player"]').setAttribute("content", vid);
|
| 54 |
+
//document.querySelector('meta[name="twitter:stream"]').setAttribute("content", vid);
|
| 55 |
|
| 56 |
</script>
|
| 57 |
</body>
|