Twitter Player Card Container example fails

trevin · 2018-06-06T04:29:50.898Z

The twitter engineering team’s example of a player card container doesn’t meet [the requirements](http://Twitter Card Forums) describe on the player card card. It specifically says:

“… note that the video has NOT yet begun play, takes up the entire space,…”

The screenshot next to the test case shows a desktop and mobile browser with the video player full width.

However, in the engineering sample of the container:

github.com

twitterdev/cards-player-samples/blob/master/player/container.html

<!DOCTYPE html>
<html>
<body>

<style type="text/css">
video {
   width:100%;
   max-width:600px;
   height:auto;
}
</style>

<video controls>
  <source src="example.mp4" type="video/mp4">
Your browser does not support video
</video>

</body>
</html>

it has acode that limits the width to a max of 600px:

video {
   width:100%;
   max-width:600px;
   height:auto;
}

This results in video player never being full width on desktop nor any high res modern mobile device.

system · 2018-06-20T04:29:57.810Z

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.