Hi
I’m confused
The download ZIP File (cards-player-samples-master) does not contain an index.html file as mentioned on the instructions.
So I assumed the page.html (in the player folder) was the same file.
Although this page makes reference to the container.html file as the “twitter:player” the HTML Code on page.html does not appear to be designed to play it.
I edited the code on container.html to be fully responsive so that the video resizes itself for both landscape and portrait and different screen sizes and as per the testing instructions tested on all devices.
As the video is 16 X 9 format 1280 x 720 it will fill the screen on horizontal orientation but after auto-resizing will not fill the whole screen on portrait which is how a responsive video frame should work to keep the video in its correct 16:9 ratio.
Here are the links to my files, all of which are on a secure connection.
https://admin.webnumbers.com/index.html (the renamed page.html file)
https://admin.webnumbers.com/container.html
https://admin.webnumbers.com/webnumbers.png (the video placeholder image)
https://admin.webnumbers.com/webnumbers.mp4 (the video asset)
It validates perfectly on Card Validation and it plays perfectly when I use https://admin.webnumbers.com/container.html as instructed in the testing instructions. (The twitter:player url)
The email from Twitter says
“The URL you provided for webnumbers.com to use the player card did not validate”
Any help to resolve this issue would be much appreciated.
You can easily see the page source on both HTML files.
Thanks
