Early Access

Meta Tags

twitter:player

Learn how to use the twitter:player meta tag to improve your site.

Defines the URL to an iframe player for a video or audio clip that is shared on Twitter. This tag enables a rich media experience when tweets include links to pages embedding videos or audio.

Code Examples

<meta name="twitter:player" content="https://example.com/player?video_id=12345" />
Specifies a HTTPS URL to a video player that meets Twitter's requirements, ensuring a rich media experience when shared.
<meta name="twitter:player" content="http://example.com/player?video_id=12345" />
Using an HTTP URL for the twitter:player meta tag may result in security warnings or the player not being displayed at all.
<meta name="twitter:player" content="" />
An empty value provides no information to Twitter about how to present the media, resulting in a missed opportunity for enriched content sharing.

Recommendations

  • Ensure HTTPS
    Use HTTPS for the iframe player URL to enhance security and ensure compatibility across browsers and devices.
  • Check Player Dimensions
    Ensure the player dimensions are at least 320x180 for video and a height of 30 for audio for optimal display on Twitter.
  • Mobile-Friendly Test
    Test the iframe player on various devices to verify compatibility and user experience, focusing on load time and responsiveness.
  • Avoid Autoplay
    Steer clear of setting the player to autoplay as it can detract from the user experience and may be disabled by Twitter.

Related Documentation

Related Meta Tags

Defines the numeric ID of your iPad application in the Apple App Store, enabling Twitter to link to it when your content is shared.

<meta name="twitter:app:id:ipad" content="307234931">
Specifies the App Store ID for an iPad application, directly guiding Twitter users to the app when shared.

Defines the iPhone app ID in the Apple App Store for deep linking from tweets. This is part of Twitter Cards used to enhance tweets with rich media to direct users to web content directly or through an app.

<meta name="twitter:app:id:iphone" content="307234931">
A valid example of an App Store ID used for the Twitter iPhone app, facilitating direct app opens or installations from tweets.

Specifies the name of your Android app on the Google Play Store. This is utilized in Twitter Cards when you want to promote a mobile application directly from a tweet.

<meta name="twitter:app:name:googleplay" content="MyApp">
Directly matching the app name on the Google Play Store, ensuring accurate and effective promotion.

Specifies the name of your application tailored for iPad users when sharing content on Twitter.

<meta name="twitter:app:name:ipad" content="My Amazing App">
Clearly specifies the name of the application as "My Amazing App", which is direct and memorable.

Specifies the unique application ID for a Google Play app, used within Twitter Cards to direct users to a specific Android app.

<meta name="twitter:app:id:googleplay" content="com.example.app">
Correctly specifies the Google Play Store ID, ensuring Twitter can direct users to the appropriate app page.