• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Making the web work for you

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty
Affordable VAST/VPAID for Wordpress has arrived. Serve ads with your videos starting today!
    • Docs
      • Installation
      • Configuration
      • User guide
      • Downgrading
      • Changelog
    • FAQ
    • Support
      • Free Support
      • Pro Support
    • PRO

    Using KeyCDN With FV Player

    List of contents:

    • Introduction
    • Creating a new Push Zone
    • Uploading videos to the Push Zone
    • Adding a Zonealias (optional)
    • Adding the video URLs to FV Player
    • Example

    Introduction

    KeyCDN is an easy to use and very affordable content delivery network, that allows you to host your videos, encrypt them with a secure token and serve them with FV Player Pro. This guide will show you how to set up a Push Zone in KeyCDN dashboard, how to upload files via FTP client, and how to insert the videos into the FV Player.

    Creating a new Push Zone

    To upload your videos to KeyCDN, you will of course need an active account and you will also need an FTP client. We recommend using WinSCP for Windows, or CyberDuck for Mac, but you can use whatever suits you. 

    1. Go to the KeyCDN dashboard, select the Zones tab in the menu on the left and clicking the Add zone button.
    2. Fill in the name of the zone - this will be reflected in the URL of the zone. The Zone Status should remain active, as is set by default. Select Push as the Zone Type - the type of zone for hosting files that are larger than 10mb.
    3. Creating a new Push zone
      Creating a new Push zone
    4. If you want to secure your videos distributed from this zone, click on Show Advanced Features. Scroll down to the Secure Token option and switch to Enabled. A new option will appear - Secure Token Key. Here you can write the secure key that will be used to access your content. Use alphabetical and numerical characters and keep the length between 4 and 15 characters. Also set the SSL certificate option to Shared.
      KeyCDN Push zone security options
      KeyCDN Push zone security options
      When done, click Save.
    5. Now you will be back in the Zones screen and you can see the details of your new Push Zone. It will have the Deploying status at first, but the deployment shouldn't take too long and it will soon change to Active. You can also see the Zone URL here, which will be necessary in the next steps.

    Uploading videos to the Push Zone

    This step will require the FTP client mentioned above. The next steps will be recorded with using the WinSCP.

    1. Open your FTP client and use the following data for logging in KeyCDN:
      • Hostname: ftp.keycdn.com
      • Port: 21
      • Username: - user name you use for logging into KeyCDN dashboard - 
      • Password: - password you use for logging into KeyCDN dashboard -
      • File protocol: FTP
      • Encryption: TLS/SSL Explict encryption
      Logging into KeyCDN FTP with WinSCPLogging into KeyCDN FTP with WinSCP
    2. After logging in, you will see the file management screen. On the left, you will see your own files and on the right the actual FTP content with all the push zone names - in our case it's the "testzone". Upload the video files (and optionally splash images) to the FTP - the easiest way is just to drag & drop them. It's all done after upload is complete, no other steps are necessary.
    3. Uploading the files to KeyCDN FTP
      Uploading the files to KeyCDN FTP

    Adding a Zonealias (optional)

    KeyCDN allows you to create a custom CDN URL, for example cdn.my-zone-name.com, that can be used instead of the default my-zone-name-38c2.kxcdn.com. Keep in mind, that when you do this after you used the default URL, you will have to change the links in each video shortcode. 

    The first step is to create a CNAME record in your DNS, for example:

    video-keycdn.foliovision.com. CNAME my-zone-name-38c2.kxcdn.com.
    Adding a CNAME record to DNS
    Adding a CNAME record to DNS

     Now you can add the new Zonealias. You can do so in KeyCDN dashboard > Zonealiases > Add Zonealias. Fill in the data and click Add. 

    Adding a new Zonealias
    Adding a new Zonealias

    If you were using the push zone with the default '38c2.kxcdn.com' URL, don't forget to change it for the new KeyCDN domain name in Settings > FV Player Pro > Hosting tab > KeyCDN. Now you can use your new custom URL.

    Adding the video URLs to FV Player

    Adding the videos from KeyCDN to FV Player is easy.

    1. First, you will have to add the secure token in Settings -> FV Player Pro -> Hosting tab -> KeyCDN. Here are two fields:
      • KeyCDN domain - add the Zone URL of your Push Zone. It will have a similar format like this - fvplayer-38c2.kxcdn.com. You can find the URL in the Zones tab in KeyCDN dashboard. You can also use the Zonealias, if you have created one, for example video-keycdn.foliovision.com.
      • KeyCDN Secure Token - fill in the secure token key you have created in the previous steps. You can always find it in the Push Zone settings, which can be accessed by clicking Manage -> Edit (on the right side of Zones screen). 
      • Setting up KeyCDN token in FV Player Pro
        Setting up KeyCDN hosting in FV Player Pro
        After you are done, click Save All Changes.
    2. Now open the FV Player's shortcode editor. You will have to manually put together the URL from three parts: https:// prefix, Zone URL or Zonealias, and path to the video from the FTP. Using the user data from earlier parts of this guide, we will get an URL like this: https://fvplayer-38c2.kxcdn.com/your-video.mp4, or with the Zonealias https://video-keycdn.foliovision.com/your-video.mp4. Notice there is no zone name ("testzone") in the file path as it's already in the CDN domain. 
      The same pattern will be used for adding a splash image. After you add the URL into the shortcode editor, just click Insert and you're all set.

    Example

    video
    04:38
    Link
    Share
    Tweet
    Share
    0 Shares

    Reader Interactions

    Primary Sidebar

    Video Hosting

    1. Download | Buy
    2. Basic Setup
    3. Demos
    4. Advanced
    5. Video Hosting
      1. Video Hosting on Google Drive
      2. Using YouTube with FV Player
      3. How to Use Vimeo with WordPress
      4. Serving Private Videos with Amazon S3
      5. Serving Private Videos via CloudFront
      6. Using BunnyCDN with FV Player Pro
      7. Using KeyCDN With FV Player
      8. Using HLS With FV Player
      9. How to enable CORS
    6. Securing Your Video
    7. Ads
    8. VAST/VPAID Ads
    9. Additional Services
    10. Legal
    11. Settings
    12. FV Player Pay Per View

    Footer

    Our Plugins

    • FV WordPress Flowplayer
    • FV Thoughtful Comments
    • FV Simpler SEO
    • FV Antispam
    • FV Gravatar Cache
    • FV Testimonials

    Free Tools

    • Pandoc Online
    • Article spinner
    • WordPress Password Finder
    • Delete LinkedIn Account
    • Responsive Design Calculator
    Foliovision logo
    All materials © 2021 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
    • This Site Uses Cookies
    • Privacy Policy
    • Terms of Service
    • Site Map
    • Contact
    • Tel. +1 518 412 4600