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
    3. Billing Integration
      1. WHMCS Integration Guide
      2. Clientexec Integration Guide
      3. Blesta Integration Guide
    4. Migrate from other software
      1. Migrate From Centovacast
      2. Migrate From AzuraCast
    5. Backup & Restoration
      1. Backup MediaCP
      2. Restore MediaCP
      3. Transfer to another server
    6. Administration
      1. MediaCP System Commands
      2. Change MediaCP domain name
      3. Move media to another hard disk
      4. Secure your server
      5. Troubleshooting Login Errors
      6. Custom Facebook App
      7. Custom Web Service Configurations
      8. Reset Admin Password
      9. Port 80 / 443 Proxy
      10. Admin Tools
    7. Scaling
      1. Scale with Wowza and CloudFront CDN
      2. Nginx-Rtmp with CloudFront CDN
    8. Troubleshooting
      1. MySQL Database Troubleshooting
      2. Reporting Troubleshooting
      3. Troubleshooting Liquidsoap AutoDJ
      4. Video Relay Troubleshooting
      5. Grant access to support team
      6. Troubleshooting Wowza Streaming Engine
      7. FTP Troubleshooting
    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. Media Services
      1. Creating a Media Service
      2. Deleting a Media Service
    7. Announcements
      1. Managing Announcements
      2. Creating Announcement
      3. Deleting Announcement
    8. Statistics
    9. Software Health
    10. Software Updates
    11. Email Templates
    12. API
    1. Introduction
    2. 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. Widgets & Links
      9. Reporting
    3. 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. Country Blocking
      9. Stream Authentication
      10. Stream Proxy
      11. Public Page
      12. HTML5 Player
      13. Widgets & Links
      14. Reporting
    4. Reseller Operations Manual
      1. Reseller Dashboard
      2. Customers
      3. Media Services
    1. Wowza and Flussonic on same system
    2. Submit a feature request
    3. Wowza Custom Properties
    4. API Documentation
    5. Custom Domain Names
    6. Shoutcast 2 Admin Guide
    1. Broadcasting with AutoDJ
    2. Shoutcast 2 Premium
    3. Mount Points
    4. Managing Media Using FTP
    5. Shoutcast 2 Live Broadcasting
    6. DJ Priorities
    7. HTML5 Audio Player
    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. Image Logo or Watermark Overlay on Video Stream
    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. Team & Staff Members
      2. Plans & Customers
      3. WHMCS Billing Provisioning Module
      4. Login to your cloud platform
      5. Dashboard - A First Look
      6. Branding your platform
      7. Activating VOD on Customer Plan
    3. User Manual - Cloud Video
      1. Login to your video platform
      2. First Look
      3. Creating a Channel
      4. Channel Overview
      5. Broadcasting
      6. Media Content
      7. Recording
      8. Fallback Video
      9. TV Channels - 24x7 UGC
      10. Video on Demand
      11. VOD Playlists
      12. Publishing
      13. Viewing Analytics
      14. Publish Zoom Meetings
      15. Advertising
      16. Restreaming IP Cameras
    4. Video Guide Series
    5. Streaming Best Practices
    6. Feature Comparison
    7. Roadmap & Release Notes
Custom HTML

Last updated 2 years ago

Custom HTML code is typically used to adjust the design of the control panel or add additional features such as a live chat widget.

You should never use this component to add an custom messages or notices to the control panel, since this may break the display or function of the MediaCP interface. Such notices should be added as Announcements instead.

The HTML stored in these fields is stored on the file system in /usr/local/mediacp/content in either the header.html or footer.html files. It is safe to delete these files.

Reverting Changes

In the case where changes have broken the display of the MediaCP, and you are unable to access the System Config page; it is possible to revert the changes simply by deleting the Custom HTML files stored in /usr/local/mediacp/content/header.html and /usr/local/mediacp/content/footer.html

Header

HTML here is placed before the <body> element, which is ideal for adding additional styling such as a <style> element.

Adding custom styles

It is possible to apply custom styles to the control panel by using the normal <style> html element. Example below:

				
					<style>
    .body{
        background-color: blue;
    }
</style>
				
			

Footer

Adding external Javascript file

It may be necessary to insert additional javascript or other resources onto your page, a common use for this is to add a live chat widget to the MediaCP interface.

Example below:

				
					<script type="text/javascript" src="//cdn.js/your-custom-script.js" />
				
			

Table of Contents