Early Access

Meta Tags

twitter:player:width

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

Specifies the width of the media player iframe for Twitter cards, ensuring an appropriate layout when shared on Twitter.

Code Examples

<meta name="twitter:player:width" content="435" />
A common width that optimizes the viewing experience across most devices without leading to layout issues on Twitter feeds.
<meta name="twitter:player:width" content="600" />
Specifies a wider player suitable for desktop viewing, considering its compatibility with the overall design and layout of the content.
<meta name="twitter:player:width" content="300" />
Choosing a width too small might harm the user experience, leading to difficult navigation and interaction with the media content.
<meta name="twitter:player:width" content="100%" />
Specifying a percentage value may result in unpredictable rendering across different devices and resolutions.

Recommendations

  • Optimize For Mobile and Desktop
    Choose a width that looks good on both desktop and mobile views to enhance user experience across devices. Common practice suggests a width of 435 pixels as a good starting point.
  • Use With twitter:player:height
    Always define this meta tag in conjunction with twitter:player:height to ensure the aspect ratio of the embedded media remains constant, preventing layout shifts or distorted media playback.

Related Documentation

Related Meta Tags

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 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.

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.

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.

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.