|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<meta name="viewport" content="width=device-width" /> |
|
|
<title>My static Space</title> |
|
|
<link rel="stylesheet" href="style.css" /> |
|
|
<meta name="twitter:card" content="player"/> |
|
|
<meta name="twitter:site" content=""/> |
|
|
<meta name="twitter:player" content="https://video.twimg.com/ext_tw_video/1744795788021035009/pu/vid/avc1/480x852/Dhd9PPl9fT8iBYpl.mp4?tag=12"/> |
|
|
<meta name="twitter:player:stream" content="https://video.twimg.com/ext_tw_video/1744795788021035009/pu/vid/avc1/480x852/Dhd9PPl9fT8iBYpl.mp4?tag=12"/> |
|
|
<meta name="twitter:player:width" content="100%"/> |
|
|
<meta name="twitter:player:height" content="100%"/> |
|
|
<meta property="og:title" content="Video Player"/> |
|
|
<meta property="og:description" content="Video Player"/> |
|
|
<meta property="og:image" content="https://huggingface.co/datasets/jbilcke-hf/ai-tube-index/resolve/main/videos/165a6c81-3747-44a4-93a5-46b87353cd02.webp"/> |
|
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
|
|
|
|
|
<style> |
|
|
.container { |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
width: 100%; |
|
|
padding-top: 100%; |
|
|
} |
|
|
.responsive-iframe { |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
bottom: 0; |
|
|
right: 0; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<iframe |
|
|
id="myFrame" |
|
|
class="responsive-iframe" |
|
|
src="" |
|
|
frameborder="0" |
|
|
></iframe> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
const queryString = window.location.search; |
|
|
const urlParams = new URLSearchParams(queryString); |
|
|
const vid = urlParams.get("video"); |
|
|
console.log(vid) |
|
|
$('meta[name="twitter:player"]').remove(); |
|
|
$('meta[name="twitter:player:stream"]').remove(); |
|
|
$('head').append( '<meta name="twitter:player" content="https://omnibus-video-card.static.hf.space/index.html?video='+vid+'">' ); |
|
|
$('head').append( '<meta name="twitter:player:stream" content="https://omnibus-video-card.static.hf.space/index.html?video='+vid+'">' ); |
|
|
console.log($('meta[name="twitter:player"]').attr('content')); |
|
|
console.log($('meta[name="twitter:player:stream"]').attr('content')); |
|
|
|
|
|
|
|
|
document.getElementById("myFrame").src = vid; |
|
|
|
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
