MediaPlayer Native Control
The plugin integrates your website's media player with native device media controls. It allows you to monitor and control audio and video playback seamlessly through native controls on your mobile.
Last updated
The plugin integrates your website's media player with native device media controls. It allows you to monitor and control audio and video playback seamlessly through native controls on your mobile.
Last updated
Audio Monitoring: Automatically integrates with all <audio> elements on your site.
Video Monitoring: Automatically integrates with all <video> elements on your site.
Native Device Control: Syncs playback, pause, and stop actions with native device media controls.
Dynamic Media Detection: Automatically monitors new audio/video elements added dynamically to your site.
1. Configure Settings
Navigate to Settings → WTN MediaPlayer Controls.
Enable or disable:
Audio Monitoring: Controls for <audio> elements.
Video Monitoring: Controls for <video> elements.
Click Save Changes.
Ensure your app integrates with the Webtonative MediaPlayer framework.
Use data-thumbnail attribute on your media elements to provide thumbnail images for native controls.
Example:
Dynamic Monitoring: Automatically detects and integrates new <audio> or <video> elements added to your page.
Device Integration: Works seamlessly with Webtonative's MediaPlayer functions.
MediaPlayer Not Found: Ensure the Webtonative MediaPlayer library is included in your app.
No Controls Appearing: Verify that monitoring is enabled in the plugin settings.
