Does Twitter card supports HDS and HLS stream in an embedded experience using JW player?


#1

Hi,

We have tried to create couple of scenarios using the twitter card validator however the .f4m video doesn’t work when used as an embedded experience via JW player(the player is a part of html page) …it only loads the player and an image however no video… (similar to youtube)
Here’s the sample URL that you can try on validator - https://events.sap.com/twittercardtest.html

Can you please share your thoughts on this?

Thanks,
Deepak


#2

Quick overview of Twitter Tags on our page https://events.sap.com/twittercardtest.html:

<html>
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@sep">
<meta name="twitter:url" content="https://events.sap.com/twittercardtest.html">
<meta name="twitter:creator" content="SEP">
<meta name="twitter:title" content="SEP Player">
<meta name="twitter:description" content="My twitter card video">
<meta name="twitter:image:src" content="https://events.sap.com/images/Videos/Images/countdown_589x325.jpg">
<meta name="twitter:player" content="https://events.sap.com/twittercardtest.html">
<meta name="twitter:player:height" content="350">
<meta name="twitter:player:width" content="500">
<meta name="twitter:domain" content="events.sap.com">
</html>

We hope our Jwplayer embedded HTML5 player would be able to play on twitter card after whitelisting. Please confirm.


#3

That player card would definitely get rejected. The URL specified with twitter:player must work on desktop, iOS, Android. I just tried opening your twitter:player URL on iOS and I could not play the video.


#4

We have made some changes and verified the stream to be working on Android and iOS both along with desktop.

Can you please review this again and confirm if this would work on twitter card once we get the domain whitelisted?

Thanks,
Deepak


#5

The card validator thinks this is ok, so I would apply for your domain to be whitelisted via the validator, and we will let you know if your player card is successful. Thanks!


#6

Thank you for comments.

We would really appreciate further comments and updates from you on this topic.

Once again, thank you for your help.

Thanks,
Deepak


#7

You have not yet applied to have your site validated as far as I can tell.

Go to the Cards validator https://dev.twitter.com/docs/cards/validation/validator
Click on “Validate and Apply” and paste in your URL.
Click Go.
Then click “Request Approval” to get your site approved.


#8

This still doesn’t get your website validated. Twitter for some reason expects the meta tags to be in your header 24/7.

I for one don’t like a header that is full of meta tags etc that are only used once when you share you post so Twitter / Facebook / Google can get those meta tags and get valid markup.

I have build a simple function for wordpress that only adds the meta tags when Twitter/Facebook/Google make a request with one of their user agents.

Twitter’s Card Validator gives me a 100% valid result when checking my links (making a request to my website/post) how ever when ever I apply to get validated twitter sends me an email telling me the meta tags are missing, in my eyes this tells me twitter doesn’t use it’s own card validator to validate website/pages.


#9

The card validator uses the Twitterbot user agent but what you are trying to do breaks the overall system. Your site is already approved for cards, but if you are not going to include the meta tags then we cannot display them with your links.

Your comment is also not relevant to my previous attempt to help the @eventssap people, so if you are concerned by the way cards operate please open another thread where we can address the issues.


#10

hi Andy,

Thanks for your help. I have requested an approval for the domain.

Just to be on the same page: Once we get the domain whitelisted, we should be able to stream the videos on Twitter as we are now in compliant with the Twitter standards. please confirm.

Thanks,
Deepak


#11

The application for whitelisting will check that you have the correct meta tags, that your video plays on the web, iOS and Android, and that your assets all use HTTPS. Once those things are the case then the player card will be enabled.


#12