Skip to main content

Get Youtube API Key

To use this module you need a free API key from Google. This article shows you how to generate one.

  1. Log in or create an account on https://developers.google.com/
  2. When you log in into your account, follow this link https://console.developers.google.com/project
    and CREATE PROJECT by clicking on the blue button. Wait a few seconds for Google to prepare your project.
  3. Fill in the name you want to assign to your project.
  4. Make sure you have selected your new Project in the Header On the top left corner, click the menu button to show the menu
    and select there API's & Services and then Credentials in the submenu.
  5. Select +Create Credentials in the header and select API Key.
  6. Now a popup occurs where you can see your API Key.
  7. You can now copy and paste the API key into the API Key field in this module settings.

How much does the YouTube API Cost?

YouTube Data API costs are based on quota usage, and all requests will incur at least a 1-point quota cost.
For each project, you’re allowed 10,000 free quota units per day. You can use the quota calculator
to determine your quota costs. If you need more queries, you can apply for higher quotas, but pricing may vary.

Identify Channel ID

TUBEFLIX is based on the fact that you choose the channel for which the content should be displayed on your site. There are several ways to identify the channel ID. We will highlight two in this article.

Option 1 - Read from URL

For many channels, the channel ID can be easily identified by the URL.
Open the channel you want directly in Youtube and look at the URL:

yt channelidinurl

But if you want to embed a channel whose ID is not in the URL (mostly Youtube partner channels) you can leave this to TUBEFLIX. See option two for this.

Option 2 - IDENTIFIER TOOL

TUBEFLIX comes with an integrated tool that allows you to read the channel ID of a Youtube URL. It is not guaranteed that this will always work, but just try it yourself. Open the corresponding channel on Youtube and copy the URL into the corresponding field and click on analysis:

YT Analyze URL

After a few seconds you should see a result in the minimum. Copy the channel ID (in this caseUCB_qr75-ydFVKSF9Dmo6izg) and paste it in the corresponding field in the Module tab.

nx-youtubeBox

nx-YouTubeBox (Pro)

Joomla Module

the nx-YouTubeBox is a free module for Joomla 3, 4 & 5 that integrates videos & playlists from Youtube in a modern way into your site. In addition to the free version of the module, there is also a Pro version available, which differs from the free version in some additional features and removes the nx-designs watermark on the videos.

Main Features

  • Videos

    Enter Your Video URL, Video ID or Shortcode
  • Playlists

    Works with your Playlist URL, ID or Shortcode
  • Headermode

    Use your Youtube Video als Pageheader
  • Polaroid Effect

    With the integrated options you can style your video lika a polaroid
  • Control

    Set every available Option for Youtube Videos in the Backend

Features Overview

Free Pro Feature
YouTube No-Cookie Mode
(in accordance with GDPR / DSGVO)
Fully Responsive
Supports Youtube Videos
Supports Youtube Playlists
Fullscreen Option per Module Instance
Supports out of the Box multiple instances on the same Page
Headermode
Define a max height of the videoframe in percent & move the overflow if needed
Blocklayer
Lock your player frame - click actions on the video are not longer possible
Video Rotation
Up to 90 degrees clockwise or counterclockwise
Integrated Bordersettings
Integrated Shadowsettings for outer & inner Shadow
The basic YouTube API Features like:
  • Autoplay
  • Show / Hide Annotations
  • Show / Hide Controls
  • Loop Playback
  • Show / Hide related Videos
  • Video start time
  • iOS Inline Playback
  • Preset default volume
  • or mute the player
Free Pro Feature
Removed nx-designs Watermark
The free version prints a watermark on the upper right corner of the nx-YouTubeBox
Dynamic Mode
Use one Module instance inside multiple Articles & define video source by Article's Customfield
Playlist Shuffle
Shuffles the Playlist each time the page got loaded
Playlist Random Video Start
The playback starts each time on another random video of the used playlist
free $6 per Year Price for Unlimited Sites
Registration required

Headermode

Configuration Options

35
More than 35 configuration options are available in the backend. Style the module the way you want! And the best: Thanks to Dynamic Source you can reuse the module!
nx-YouTubeBox Config Options

Default Example

Polaroid Effect

By configuring the edges (color & width) and the rotation of the video, an individual Polaroid effect can be created.

Subscribe for nx-YouTubeBox

Registration required

*Free registration required


Get nx-YouTubeBox Pro

nx-youtubeBox

Video Header

By cropping & new placement of the video a "video header" can be realized with the nx-youtubeBox. The height & placement of the video within the header can be selected manually. The integrated blocklayer prevents visitors from interacting with the video.

Download nx-YouTubeBox from nx-designs for free

Signup for free

Playlist Demo

The nx-youtubeBox supports not only the modes for playing single videos but also the option to include whole playlists based on playlist ID's or user videos into your site.

Simple Video Demo

The standard integration with Autoplay & Mute. nx-youtubeBox can also be integrated as a simple player. Standard parameters such as Autoplay, Mute and design aspects (here: shadow & border radius). Can be adjusted in the module backend.

Get nx-YouTubeBox from nx-designs

Get it now for free

Polaroid Style

Using border settings, shadow options & video rotation the nx-youtubeBox can create a Polaroid effect for your videos. The rotation of the video can be defined between -90 and 90 degrees.

nx-youtubeCustomField

  • 50 width:
    OBkty9qjVsw

nx-youtube Field

Joomla! Customfield Plugin

The free Joomla! Plugin nx-YouTube Custom Field is a Custom Form Field that allows you to effortlessly embed a YouTube Video before or after any of your Joomla! Articles (like every other Custom Field). And yes, as it should be - its fully responsive.

Compared to the most other YouTube Embed Plugins, nx-YouTube Custom Field offers you an additional set of options which can be quick configured for every Frontend Instance of the Plugin.

Our nx-youtube Customfield Plugin is using the Youtube no-Cookie Embed Mode.

For additional Privacy Options we recommend to use a third party plugin to block the automatic connection to youtube if needed.

You can switch between five width classes for 100% / 75% / 50% / 33% / 25% width. Additionaly you can set if the video should be left, center or right aligned.

Multiple styling options & an option to add your custom css classes let you define how your video should look like.

Download for free from Github

  • OBkty9qjVsw

TUBEFLIX

TUBEFLIX v2.1

Your YouTube Channel directly in your website
TUBEFLIX for Joomla! is a module that displays the content (playlists & videos) of a Youtube channel to your visitors. TUBEFLIX for Joomla! was developed with the intention that your visitors do not have to leave your site to see your Youtube videos. Fully dynamic and "Mobile First-developed", TUBEFLIX is your professional solution to embed your Youtube channel on your Joomla! site.

Incredibly fast

more than
3x
faster*
TUBEFLIX automatically loads the latest videos from the corresponding channel, thanks to caching in the database the videos are available in a blink of an eye (okey maybe 2 or 3 while caching is active) - no matter if your channel contains 100 or 10'000 videos.
The cache is automatically generated by your visitors. You define in the backend in which interval the content should be updated. If a visitor opens TUBEFLIX after the cache duration has expired, the cache is automatically updated for the next visitor. This saves time, resources and your API quota.
*compared with TUBEFLIX v1.5

Privacy First

TUBEFLIX has an (optional) integrated disclaimer. Title & texts can be freely defined in the backend. Content is only loaded when the disclaimer has been accepted. Additionally, it is possible to link an article with further privacy information.
Videos are loaded via the Youtube no-cookie method.

Checkout the Demo