Thank you for the great questions. We understand there may be some considerations to make with this change and appreciate your time to dig in thoroughly. Here is an overview of the different methods we offer to display media as well as some additional thoughts and answers.
Video on mobile
Both iOS and Android are able to play back HLS video natively. For display within native mobile apps, you might also consider using Twitter Kit, part of our Fabric mobile development tools, to easily render Tweets with video.
Video on web
For display on web, our embedded Tweets, embedded timelines and embedded video tools are the easiest way to display Tweets with video. You can grab an embed code from a Tweet on twitter.com or use the Tweet URL to integrate it programmatically with the oEmbed API endpoint.
A video in a Tweet can also be easily integrated as a player. You can take advantage of the JavaScript factory function to render a clean, full-bleed video in your page. HLS playback is supported in all embedded products.
Example use of the JavaScript factory function
twttr.widgets.createVideo(
'695669511052103680', // The ID of the Tweet containing the video
document.getElementById('container'), // DOM node of insertion point
{
hideStatus: true
}
);
A screenshot of the player that results
Using direct links to HLS
If you are developing a product with a more custom display that cannot be solved with the above options, you should explore 3rd party solutions that play HLS for the browsers you’d like to support. As @cbal mentioned, a great example is DailyMotion’s hls.js open source project.
We hope this is informative and helpful, but please let us know if you have any further questions.
Some direct responses
@johnbarratt - This change does not affect embedding video, Tweets, or timelines on third party sites. We are dedicated to and continually improve our syndication products. All products including twitter.com currently support HLS for video playback and will work as expected in browsers like Firefox and Chrome.
@bugtrotter - Playback in our embedded products will work on Windows and Linux. If the products above do not fit into your use case and you are using the link in extended_entities, then you should take advantage of a third party player. hls.js may be of interest to you.
@Kimik00 - Firefox is not supporting native playback for HLS. To play HLS video on your site, check out our embedded products or the hls.js project. If you just want HLS to play in Firefox when going to the URL, there are some plugins like mangui/firefox-hls, mentioned in the same thread linked above.
@richardhyland - Definitely check out Twitter Kit as mentioned above, this is the easiest way to get Twitter video in your app.
