Introduction How to add CSS or JavaScript files to an Android/iOS project How to combat autoplay policies Playback issue with Internet Explorer 11 Why does fullscreen not behave as expected on iOS Why does the Network API not work on iOS devices Why doesn't Chromecast work when embedded in an iframe on iOS Why can't I select another video quality on iOS/tvOS?Is YouTube supported Why does the player load only one audio track (even though there are several in the manifest)Is it possible to see 360 degrees photo with THEOplayer Why the Visibility API does not work through an iframe on Safari and IE11 What is an impression How to know whether a live stream is playing Which error related events does the player expose Why did my subtitles stop working How does Media Engagement Index (MEI) affect Autoplay on Chrome What does the error message 'Unknown CDM error' mean What does the error message 'Something went wrong with Native playback' mean Why are not all response headers exposed Why does the currentTime seem off in my livestream & what can I do about it How to remove CORS restrictions from a reproduction stream Which network calls (or requests) does THEOplayer do Why does the playback not work when using the Chrome iPhone/iPad simulator What does the error message 'can only be initiated by a user gesture' imply? Can I still force the desired action How to remove unwanted CC track in iOS or Safari Known Chromecast Limitations in 2.61.1 What are the Product Flavor options in the Android SDK (minApi16 and minApi21)Why do I get a gray play button in my Android WebView and how to remove it?I'm unable to inspect Webview with the Android SDK MediaTek limitations How to fix Android DRM in Chrome 74 How to use ProGuard with THEOplayer Android SDK Self-hosting and versioning of THEOplayer Does THEOplayer support EXT-X-DATERANGE Can clipping be used on a playlist Can timeline thumbnails be made available before playback start What are the benefits of preloading What are the player seeking and seeked events and when are they fired Can we use HLS or DASH ads How to change text in THEOplayer Change text when Airplaying ITP2.1 problems using THEOplayer Removing context menu/'Powered by THEOplayer v2...'What aspects of THEOplayer do we need to take into account to deploy a proper Content Security Policy (CSP)How can we avoid that the player keeps looking for chunks/segments if they are not found Can we show a custom message on 403 on mp4 Can we prevent UpNext feature from redirecting Is it possible to preload VOD content while the pre-roll is playing Why is my video not playing automatically Is it possible to have multiple player instances play at the same time Is it a problem if the viewer pauses a live stream for longer than the DVR window THEOplayer Features & Modules Chromecast on my webplayer does not work any longer despite no change in my implementation How to track network errors What is the support for Wowza How to use the CDN fallback/backup stream feature How to apply accurate buffering strategy How can I distribute 4K content?What is the collaboration between Azure Media Services and THEOplayer Is Portrait mode supported How to prevent screen recording The provided video source is incompatible with the license for this player Page and Source domains What does the error message “Something went wrong determining the initial period of the provided MPEG-DASH stream” mean Why is my PlayReady stream not working in Chromium Edge?Which subtitle and CC formats are supported on native Safari How to navigate through the documentation and resources How to create a (great) ticket How to investigate a ticket What are the limitations of AirPlay What are the Edgecast challenges How to use the Media Session API How to use THEOplayer iOS SDK on an M1 mac Widevine CDM deprecation notice for old browser versions

How to use the Media Session API

Developers who implement the Media Session API give viewers the option to control and monitor media playback outside their web page. The first screenshot below demonstrates how a viewer can play/resume/seek a video through their iOS home screen, and the second screenshot below demonstrates the same level of control on a macOS.

The Media Session API is available on most modern desktop and mobile browsers as documented at https://developer.mozilla.org/en-US/docs/Web/API/MediaSessionAPI. The W3C working draft of the Media Session standard is available at https://www.w3.org/TR/mediasession/.

How to implement the Media Session API in THEOplayer

We recommend developers to implement the Media Session API on top of the THEOplayer API in order to ensure the deepest level of control. A sample implementation and demo is available at https://replit.com/@THEOplayer/THEOplayerMediaSessionAPI.

SharePlay

Implementing the Media Session API is part of implementing Apple's SharePlay feature on Safari. Contact us if you're interested in building SharePlay experiences.

Make sure to follow us on GitHub!

Leuven

New York

Singapore

Barcelona