Toggle sidebar

Improvement for embedded share links

  • Thread starter Thread starter K3Nv4
  • Start date Start date
  • Views Views 82
  • Replies Replies 1
K3Nv4

K3Nv4

I bribe staff
Member
Level 8
Joined
May 26, 2013
Messages
2,791
Reaction score
10,182
Trophies
9
Age
34
XP
1,452
Country
United States
I like the feature we have but I feel like it could use some improvement.

-Some Facebook/instagram links aren't supported for videos I'm unsure if this is a fault with Facebook or the view amount?
-IMDb support, we like posting alot of upcoming movies it would be nice to embed into the site for a quick thumbnail preview.

Other than those two gripes the feature it's self looks snazzy and think it blends well.

Eg:


https://www.imdb.com/title/tt33508042/
 
Upvote 0 Downvote
That Steam embed is a specific one rendered by Steam and so are all the video embeds. What GBAtemp needs is support for is the Open Graph protocol, which would let the site render generic cards with thumbnails, titles, and descriptions to the target page (assuming the target page's HTML file includes those tags).

The Open Graph protocol said:

Basic Metadata​


To turn your web pages into graph objects, you need to add basic metadata toyour page. We've based the initial version of the protocol onRDFa which means that you'll placeadditional <meta> tags in the <head> of your web page. The four requiredproperties for every page are:


  • og:title - The title of your object as it should appear within the graph,e.g., "The Rock".
  • og:type - The type of your object, e.g., "video.movie". Depending onthe type you specify, other properties may also be required.
  • og:image - An image URL which should represent your object within thegraph.
  • og:url - The canonical URL of your object that will be used as itspermanent ID in the graph, e.g., "https://www.imdb.com/title/tt0117500/".

As an example, the following is the Open Graph protocol markup for The Rock onIMDB:


<html prefix="og: https://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>
Click to expand...
 

Site & Scene News

Go to forum More news

Popular threads in this forum

This board needs a "Vibe-coded" prefix

unbanning proton mail?

Suggestion  Process images after upload

Improvement for embedded share links