diff --git a/.dist/embed.js b/.dist/embed.js
index 66e0f2b..e848934 100644
--- a/.dist/embed.js
+++ b/.dist/embed.js
@@ -20,6 +20,8 @@ class Embed {
                 return this.generateImage();
             case "link":
                 return this.generateLink();
+            case "video":
+                console.log(this);
             case "article":
                 return this.generateArticle();
             default:
@@ -209,11 +211,35 @@ class Embed {
         }
         if (this.json.thumbnail) {
             const img = document.createElement("img");
+            if (this.json.thumbnail.width && this.json.thumbnail.width) {
+                let scale = 1;
+                const inch = 96;
+                scale = Math.max(scale, this.json.thumbnail.width / inch / 4);
+                scale = Math.max(scale, this.json.thumbnail.height / inch / 3);
+                this.json.thumbnail.width /= scale;
+                this.json.thumbnail.height /= scale;
+                img.style.width = this.json.thumbnail.width + "px";
+                img.style.height = this.json.thumbnail.height + "px";
+            }
             img.classList.add("bigembedimg");
-            img.onclick = function () {
-                const full = new Dialog(["img", img.src, ["fit"]]);
-                full.show();
-            };
+            if (this.json.video) {
+                img.onclick = async () => {
+                    img.remove();
+                    const iframe = document.createElement("iframe");
+                    iframe.src = this.json.video.url;
+                    if (this.json.thumbnail.width && this.json.thumbnail.width) {
+                        iframe.style.width = this.json.thumbnail.width + "px";
+                        iframe.style.height = this.json.thumbnail.height + "px";
+                    }
+                    div.append(iframe);
+                };
+            }
+            else {
+                img.onclick = async () => {
+                    const full = new Dialog(["img", img.src, ["fit"]]);
+                    full.show();
+                };
+            }
             img.src = this.json.thumbnail.proxy_url || this.json.thumbnail.url;
             div.append(img);
         }
diff --git a/webpage/embed.ts b/webpage/embed.ts
index 45f753d..819d6be 100644
--- a/webpage/embed.ts
+++ b/webpage/embed.ts
@@ -23,6 +23,8 @@ class Embed{
 			return this.generateImage();
 		case"link":
 			return this.generateLink();
+		case "video":
+			console.log(this);
 		case"article":
 			return this.generateArticle();
 		default:
@@ -217,11 +219,34 @@ class Embed{
 		}
 		if(this.json.thumbnail){
 			const img=document.createElement("img");
+			if(this.json.thumbnail.width&&this.json.thumbnail.width){
+				let scale=1;
+				const inch=96;
+				scale=Math.max(scale,this.json.thumbnail.width/inch/4);
+				scale=Math.max(scale,this.json.thumbnail.height/inch/3);
+				this.json.thumbnail.width/=scale;
+				this.json.thumbnail.height/=scale;
+				img.style.width=this.json.thumbnail.width+"px";
+				img.style.height=this.json.thumbnail.height+"px";
+			}
 			img.classList.add("bigembedimg");
-			img.onclick=function(){
-				const full=new Dialog(["img",img.src,["fit"]]);
-				full.show();
-			};
+			if(this.json.video){
+				img.onclick=async ()=>{
+					img.remove();
+					const iframe=document.createElement("iframe");
+					iframe.src=this.json.video.url;
+					if(this.json.thumbnail.width&&this.json.thumbnail.width){
+						iframe.style.width=this.json.thumbnail.width+"px";
+						iframe.style.height=this.json.thumbnail.height+"px";
+					}
+					div.append(iframe);
+				};
+			}else{
+				img.onclick=async ()=>{
+					const full=new Dialog(["img",img.src,["fit"]]);
+					full.show();
+				};
+			}
 			img.src=this.json.thumbnail.proxy_url||this.json.thumbnail.url;
 			div.append(img);
 		}
diff --git a/webpage/jsontypes.ts b/webpage/jsontypes.ts
index fc38ea6..1f7a822 100644
--- a/webpage/jsontypes.ts
+++ b/webpage/jsontypes.ts
@@ -332,6 +332,12 @@ type embedjson={
     },
     provider:{
         name:string,
+    },
+    video:{
+        url: string,
+        width?: number|null,
+        height?: number|null,
+        proxy_url?: string
     }
 }
 type presencejson={