Twitter Player Card implementation

Looking to implement Twitter Player Card to promote pages on webflow site (hosted, business acount). Twitter requires specific code bundle GitHub - twitterdev/cards-player-samples: Sample Code for Player Cards, both for stored and streamed video.) - Understand mp4 need to be hosted somewhere else, like vimeo or Youtube.
How about paths to specified required files: container.html? Host outside webflow?

<head>
	<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
	<meta name="twitter:card" content="player" />
	<meta name="twitter:site" content="@rchoi" />
	<meta name="twitter:title" content="Sample Player Card" />
	<meta name="twitter:description" content="This is a sample video. When you implement, make sure all links are secure." />
	<meta name="twitter:image" content="https://yoursite.com/example.png" />
	<meta name="twitter:player" content="https://yoursite.com/container.html" />
	<meta name="twitter:player:width" content="480" />
	<meta name="twitter:player:height" content="480" />
	<meta name="twitter:player:stream" content="https://yoursite.com/example.mp4" />
	<meta name="twitter:player:stream:content_type" content="video/mp4" />
</head>

I think container.html is basically the page url that contains the embedded video player, if your site has one.

Otherwise you can omit these lines:

<meta name="twitter:player" content="https://yoursite.com/container.html" />
<meta name="twitter:player:width" content="480" />
<meta name="twitter:player:height" content="480" />
<meta name="twitter:player:stream" content="https://yoursite.com/example.mp4" />
<meta name="twitter:player:stream:content_type" content="video/mp4" />

Don’t forget you must not include reserved tags like <head></head> or <body></body> in your embed code, otherwise you’ll break the entire site.

1 Like