https://github.com/xdevplatform/cards-player-samples

Sample Code for Player Cards, both for stored and streamed video.
https://github.com/xdevplatform/cards-player-samples

html player-cards twitter-cards video

Last synced: 8 days ago
JSON representation

Sample Code for Player Cards, both for stored and streamed video.

• Host: GitHub
• URL: https://github.com/xdevplatform/cards-player-samples
• Owner: xdevplatform
• License: apache-2.0
• Created: 2014-04-30T15:39:21.000Z (over 10 years ago)
• Default Branch: main
• Last Pushed: 2023-02-03T11:18:01.000Z (almost 2 years ago)
• Last Synced: 2024-04-22T01:00:31.678Z (7 months ago)
• Topics: html, player-cards, twitter-cards, video
• Language: HTML
• Homepage:
• Size: 1.91 MB
• Stars: 193
• Watchers: 15
• Forks: 85
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Twitter Cards Getting Started Bundle

Thank you for downloading the Twitter Cards getting started bundle!

## Player Card

In the `/player` path, you'll find sample code to set up a simple Player Card for your site.

The basic steps to deploy are:

- Unzip the contents into a publicly accessible path on your website

- Open the `page.html` file and ensure the `twitter:image`, `twitter:player` and `twitter:player:stream` values point to your server and file locations

- Update the content (`container.html`) that you're pointing to... don't use the sample video, please!

- Ensure all paths are specified as secure (https://)

- Test your URL

To test your experience, visit the Twitter [Cards Validator](https://cards-dev.twitter.com/validator)

## Screenshot

![Image of a Player card in an embedded Tweet](https://github.com/twitterdev/cards-player-samples/blob/main/screenshot.png?raw=true)

## Additional Help

If you need more help getting your Player Card working, please check out these additional resources:

- Player Card [Documentation](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/player-card)

- Cards [Validator](https://cards-dev.twitter.com/validator) (use this to verify your URLs)

- Cards [Troubleshooting Guide](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/troubleshooting-cards)

- Cards [discussions](https://twittercommunity.com/c/publisher/cards) on the Twitter Developer Community forum.