How and What would I change or add to my HTML page to copy the youtube embedded player that appears on LinkedIn as in the image below.
Currently, when I paste a link on a post or in a message it renders this image below.
This is my meta code added to the html doc to render that image with a play button
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Welcome Dean Van Greunen 2, we have invited you to participate in an interview for the position of Video question test. please watch this video and then proceed with the interview. Thank you.</title>
<meta property='og:title' content='Welcome Dean Van Greunen 2, we have invited you to participate in an interview for the position of Video question test. please watch this video and then proceed with the interview. Thank you.'/>
<meta property='og:image' content='/play/preview/?x=https%3A%2F%2Fstorage.googleapis.com%2Fclipdrop-prod%2Fimages%2FFNbMNSiOUq.png%3FavoidCache%3D1'/>
<meta property='og:description' content='We are inviting you, Dean Van Greunen 2 to participate in a virtual interview'/>
<meta property='og:url' content='https://www.clipdrop.io/marketing?d=UUpOQUg4Ok5IOURJSlk1'/>
<meta property="og:locale" content="English" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="news_keywords" content="ClipDrop">
<meta property="article:publisher" content="ClipDrop">
<meta name="author" content="ClipDrop">
<meta property="og:site_name" content="">
<meta name="twitter:creator" content="">
<meta name="twitter:site" content="">
<meta name="twitter:url" content="https://www.clipdrop.io/marketing?d=UUpOQUg4Ok5IOURJSlk1">
<meta name="robots" content="noindex,follow">
<link rel="canonical" href="https://www.clipdrop.io/marketing">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
<link rel="shortcut icon" href="https://www.clipdrop.io/assets/media/logos/favicon.ico" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:type" content="video/mp4">
<meta property="og:video" content="https://storage.googleapis.com/clipdrop-prod/videos/intro/1_1_6KjHnblFLW5yMKgZpHsyIh3tkCZqbq5Kk6guyMQBI.mp4?avoidCache=1" />
</head>
However I want my video to play inline and I'm uncertain on how to "copy" what youtube does. I tried to find docs for linkedin but with no help, so I'm here asking for your help. Thanks guys.
question from:
https://stackoverflow.com/questions/65844984/linkedin-youtuber-iframe-tech-how-to 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
