add video embeds
This commit is contained in:
parent
c282c6c6f6
commit
715eae7ff2
3 changed files with 65 additions and 8 deletions
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue