Embedding Video

The Embedding function enables you to publish our videos outside the our Commodity-TV website and to use the content directly on your website. You can embed a video in your Blog too and viewers can watch it without first going onto Commodity-TV. 

To receive the embedding code for a video, please go to the respective video on the website and click the button „Embed“. All videos can be found through the search function.

Code example

https://www.commodity-tv.com/embed/watch&v=[VIDEO_ID]

Embed via iframe

Default iframe not responsive (not recommended)

<iframe width="640" height="360" src="https://www.commodity-tv.com/embed/watch&v=[VIDEO_ID]" frameborder="0" allow="autoplay; encrypted-media;" allowfullscreen></iframe>

Bootstrap (responsive)

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.commodity-tv.com/embed/watch&v=[VIDEO_ID]" allow="autoplay; encrypted-media;" frameborder="0" allowfullscreen></iframe>
</div>

Example with additional CSS (responsive)

<div class="embed-container">
  <iframe class="embed-responsive-item" src="https://www.commodity-tv.com/embed/watch&v=[VIDEO_ID]" allow="autoplay; encrypted-media;" frameborder="0" allowfullscreen></iframe>
</div>
<style>
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; /* 16:9 */
  /* padding-bottom: 75%; *//* 4:3 */
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
</style>

Embed via JavaScript

<script src="https://www.commodity-tv.com/ctvplayer.js"></script>	
<div id="your_id"></div>
<script>
  ctv = new ctvPlayer('your_id',{
    videoId: 1919, //required [VIDEO_ID]
    width: 960,  //optional in px, default is 640
    height: 540, //not required see notes below but optional in px, default if no width is 360
    addClass: 'embed-responsive-item', //optional inserts a certain class, useful for responsive settings
    //optional options
    options: {
      autoplay: 1 //default is 0
    }
  });
</script>

Notes: The integration via Javascript creates an iframe in the given div. The height of the iframe is calculated automatically in 16:9 based on the width. For a responsive implementation you can add your own class to the iframe with 'addClass'.

Additional parameter

The following parameters are available and optional.

https://www.commodity-tv.com/embed/watch&v=[VIDEO_ID]?[PARAMETER]
Parameter Info
autoplay This parameter specifies whether the initial video will automatically start to play when the player loads. Supported values are 0 or 1. The default value is 0.

Recommended 16:9 sizes in pixel

640 x 360
854 x 480
960 x 540
1024 x 576
1280 x 720
1366 x 768
1600 x 900
1920 x 1080

Commodity-TV

The whole world of commodities in one App!

Watch Management & Expert Interviews, Site-Visit-Videos, News Shows and receive top and up to date Mining Information on your mobile device worldwide!

Download our unique App for free!

Commodity-TV

Advertising

Hot News

View all
Amir Adnani, President und Chief Executive Officer der Uranium Energy Corp, wird in den Vorstand der World Nuclear Association berufen

News

Amir Adnani, President und Chief Executive Officer der Uranium Energy Corp, wird in den Vorstand der World Nuclear Association berufen

Uranium Energy Corp freut sich bekannt zu geben, dass Amir Adnani, der Gründer, Präsident und Chief Executive Officer von UEC, in den Vorstand der World Nuclear Association berufen…

Hannan erhält die behördliche Genehmigung für den Bau eines Bohr-Pads auf dem Belen-Prospekt im Valiente-Projekt in Peru

News

Hannan erhält die behördliche Genehmigung für den Bau eines Bohr-Pads auf dem Belen-Prospekt im Valiente-Projekt in Peru

Hannan Metals Limited freut sich bekannt zu geben, dass es mit den Vorbereitungen für den Zugang zum Gelände des Belen-Projekts auf dem zu 100 % unternehmenseigenen…

Skeena stellt Antrag auf Umweltverträglichkeitsprüfung für Eskay

News

Skeena stellt Antrag auf Umweltverträglichkeitsprüfung für Eskay

Skeena Resources Limited freut sich, positive Fortschritte beim Genehmigungsverfahren für das zu 100 % unternehmenseigene Gold-Silber-Projekt Eskay Creek bekannt zu geben.

Meridian bohrt in flache, hochgradige Cu-Au-Zn- und Ag-Massiv- bis Semi-Massiv-Sulfide an der offenen westlichen Grenze von Santa Helena

News

Meridian bohrt in flache, hochgradige Cu-Au-Zn- und Ag-Massiv- bis Semi-Massiv-Sulfide an der offenen westlichen Grenze von Santa Helena

Meridian Mining UK S freut sich bekannt zu geben, dass es seitlich in einen VMS-Haufen gebohrt hat, der Cu-Au-Zn- & Ag-Massiv- bis Semi-Massivsulfide an der westlichen Grenze der…

Short News

View all

Tudor Gold Reviews 2024 Program, Which Shapes Future Strategy for Treaty Creek Project Located in the Golden Triangle of British Columbia

Tudor Gold Corp. Retains Outside Counsel to Dispute the Seabridge Gold Inc. (KSM Mining ULC) Licence of Occupation and Other Mitchell Treaty Creek Tunnel Permits

Chesapeake Files Appeal in San Vicente 3 Legal Proceedings

Revival Gold Announces AGM Results and Transition in Exploration Leadership