MediaCP Manual
    1. Getting Started
    2. Sales Questions
    3. Frequently Asked Questions
    4. Transcoder System Benchmarks
    5. Start your own streaming platform
    1. Change account currency
    2. Product Licensing
    1. Introduction
    2. Installation & Upgrade
      1. System Requirements
      2. Versions & Releases
      3. Installation
      4. Upgrading
      5. SSL Certificates
      6. Streaming Servers
        1. Nginx-Rtmp Video Server
        2. Wowza Streaming Engine
        3. Flussonic Media Server
        4. Video Feature Comparison
        5. Icecast 2 / Icecast KH
        6. Shoutcast 2
    3. Billing Integration
      1. Blesta Integration Guide
      2. WiseCP Integration Guide
      3. WHMCS Integration Guide
      4. Clientexec Integration Guide
      5. Billing Platform Comparison
    4. Migrate from other software
      1. Migrate From Centovacast
      2. Migrate From AzuraCast
    5. Backup & Restoration
      1. Restore MediaCP
      2. Backup MediaCP
      3. Transfer to another server
    6. Administration
      1. MediaCP System Commands
      2. Admin Tools
      3. Custom Web Service Configurations
      4. Change MediaCP domain name
      5. Port 80 / 443 Proxy
      6. Move media to another hard disk
      7. Custom Language Translations
      8. Custom Facebook App
      9. Branding Your Panel
      10. Secure your server
      11. Setup CSF Firewall
      12. Troubleshooting Login Errors
      13. Reset Admin Password
    7. Scaling
      1. Nginx-Rtmp with CDN Proxy
      2. Scale with Wowza and CloudFront CDN
      3. Nginx-Rtmp with CloudFront CDN
    8. Troubleshooting
      1. FTP Troubleshooting
      2. MySQL Database Troubleshooting
      3. Reporting Troubleshooting
      4. Troubleshooting Liquidsoap AutoDJ
      5. Video Relay Troubleshooting
      6. Disk Troubleshooting
      7. Grant access to support team
      8. Troubleshooting Wowza Streaming Engine
    1. Introduction
    2. Administrators Dashboard
    3. System Configuration
      1. General
      2. Services
      3. Video Players
      4. Albums
      5. Email
      6. Plugins
      7. Statistics
      8. Backups
      9. Custom HTML
      10. Misc
    4. Customer Accounts
      1. Managing existing Customers
      2. Create a new Customer
      3. Deleting a Customer
      4. Send email to Customer
      5. Login as another Customer
      6. Reset Customer Password
    5. Reseller Accounts
      1. Reseller Plans
      2. Create a Reseller Account
    6. Administrator Accounts
      1. Create a new Administrator
    7. Media Services
      1. Creating a Media Service
      2. Deleting a Media Service
    8. Announcements
      1. Managing Announcements
      2. Creating Announcement
      3. Deleting Announcement
    9. Statistics
    10. Software Health
    11. Software Updates
    12. Email Templates
    13. API
    1. Introduction
    2. Audio Operation Manual
      1. Basics 101
      2. Station Overview
      3. Media Library
      4. Playlists
        1. General Rotation
        2. Jingles & Advertising
        3. Scheduling
        4. Repeat Protection
      5. Live DJ Connections
      6. Live Stream Recording
      7. DJ Manager
      8. Fallback, Backup and Intro Files
      9. Country Blocking
      10. HTML5 Player
      11. AutoDJ Crossfade
      12. Stream Proxy
      13. Stream Authentication
      14. Public Page
      15. Widgets & Links
      16. Reporting
    3. Video Operation Manual
      1. Basics 101
      2. Service Overview
      3. File Manager
      4. Scheduling
      5. Streaming to Your Service
      6. Stream Targets
      7. GeoIP Country Locking
      8. Public Page
      9. Widgets & Links
      10. Reporting
    4. Reseller Operations Manual
      1. Reseller Dashboard
      2. Customers
      3. Media Services
    5. API
    1. Wowza and Flussonic on same system
    2. Submit a feature request
    3. Shoutcast 2 Admin Guide
    4. Custom Domain Names
    1. Getting started with Audio Streaming
    2. Icecast Live Broadcasting
    3. Shoutcast 2 Live Broadcasting
    4. Broadcasting with AutoDJ
    5. DJ Accounts
    6. GeoIP Country Locking
    7. HTML5 Audio Player
    8. Mount Points
    9. Managing Your Media
    10. Managing Media Using FTP
    11. Statistics
    12. Shoutcast 2 Premium
    1. Getting started with video streaming
    2. Live Streaming Overview
    3. TV Station Overview
    4. Ondemand Video Streaming
    5. GeoIP Country Locking
    6. VAST Advertising
    7. Relay & IP Camera
    8. Stream Recording
    9. Connecting your encoder
    10. Preparing Your Media Files
    11. Managing Media Using FTP
    12. Understanding Video Playlists
    13. Embedding player on your website
    14. Smooth Streaming and Content Transition
    15. Video Transcoding (Adaptive Bitrate Streaming)
    16. Stream Watermark​
    17. DVR Rewind
    18. Statistics
    19. Facebook Live Streaming
    20. Youtube Stream Publishing
    21. Twitch Stream Publishing
    22. Shoutcast 2 Stream Publishing
    23. Icecast Stream Publishing
    24. RTMP Stream Publishing
    1. Cloud Video Overview
    2. Admin Manual - Cloud Video
      1. Branding your platform
      2. Team & Staff Members
      3. Plans & Customers
      4. WHMCS Billing Provisioning Module
      5. Login to your cloud platform
      6. Dashboard - A First Look
      7. Activating VOD on Customer Plan
      8. API
    3. User Manual - Cloud Video
      1. Login to your video platform
      2. First Look
      3. Creating a Channel
      4. Channel Overview
      5. Broadcasting
      6. Stream Transcoding (ABR)
      7. Recording
      8. Media Content
      9. Live Events
      10. 30 Minute Rewind
      11. Fallback Video
      12. TV Channels - 24x7 UGC
        1. TV Event Scheduling
        2. Channel Guide Widgets
      13. Video on Demand
      14. Relay Channels
      15. VOD Playlists
      16. Publishing
      17. Bandwidth Utilisation
      18. Viewing Analytics
      19. Publish Zoom Meetings
      20. Advertising
      21. Restreaming IP Cameras
    4. Video Guide Series
    5. Streaming Best Practices
    6. Feature Comparison
    7. Roadmap & Release Notes

HTML5 Player

Last updated 4 months ago

The HTML5 Player is available on Icecast and Shoutcast services and allows you to have an embeddable player to easily share your radio station with.

Managing HTML5 Player

The HTML5 Player can be managed on the Public Page if that is enabled on your service. See Public Page

If you do not have Public Page enabled, you can manage the HTML5 Player from the Widgets & Links page by selecting the settings icon (COG) in the top right corner of the player. 

You can also get your Embed Code from the Widgets & Links page.

Customisation

Here you can manage the  HTML5 Player from the station configuration page

  • Primary Color – Sets the color of the player header on the public page. Options of Dark, Green, Blue, Purple, Orange, and Red.
  • Permitted Domains – Restrict HTML5 player to this list of comma-separated list of domain names or leave empty to allow player on any website. 
  • AutoPlay – Automatically attempts to play the broadcast on load of the player at 50% volume. Autoplay requires visitor prior interaction (click, tap, previous visit with play, etc).
  • Display Options – Enable or disable displaying Connections, Direct Links, Mount Points, and Covers
  • Player Background – Player background is used when a cover is not found for the currently playing track, or the covers are not enabled. JPG file only.
  • Album Cover Provider – Allows you to use the default provider for the panel or choose between iTunes and Last FM to get album covers.

Permitted Domains

The Permitted domains feature can cause issues if not setup appropriately. It functions by restricting HTML5 player to the provided domains. If the panels domain is not permitted, then the player will not be available on the panel.

It is important to note that there should not be a trailing comma at the end of the final domain as that may cause the domain to not function. 

You should always include the subdomain for the websites you want to be permitted. For example, if your website uses the common www subdomain you will need to include this. 

Table of Contents