Update index.html

index.html

@@ -15,6 +15,8 @@
         <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"/>
         <!--meta http-equiv="refresh" content="0; url=https://jbilcke-hf-ai-tube.hf.space/"-->
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
  <style>
   .container {
   position: relative;
@@ -48,11 +50,16 @@
         const urlParams = new URLSearchParams(queryString);
         const vid = urlParams.get("video");
         console.log(vid)
+        $('meta[name=twitter:player]').remove();
+        $('meta[name=twitter: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: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:stream]').attr('content'));
+        //document.querySelector('meta[name="twitter:player"]').setAttribute("content", "https://omnibus-video-card.static.hf.space/index.html?video="+vid);
+        //document.querySelector('meta[name="twitter:stream"]').setAttribute("content", "https://omnibus-video-card.static.hf.space/index.html?video="+vid);
         document.getElementById("myFrame").src = vid;
 
-        document.querySelector('meta[name="twitter:player"]').setAttribute("content", "https://omnibus-video-card.static.hf.space/index.html?video="+vid);
-        document.querySelector('meta[name="twitter:stream"]').setAttribute("content", "https://omnibus-video-card.static.hf.space/index.html?video="+vid);
-
       </script>      
 	</body>
 </html>