Embedding Playlists

Diese Funktion ermöglicht es, Videos die einer Kategorie zugewiesen sind, in einer Playlist abzuspielen. Somit können mehrere Videos in einem Player eingebettet werden, um beispielsweise Platz zu sparen oder um nicht immer das gleiche Video an der Stelle zu sehen. Die Übersicht der Kategorien findet man hier: https://www.rohstoff-tv.com/api/links/ 

Code examples

Latest: https://www.rohstoff-tv.com/embed/channel/
Popular: https://www.rohstoff-tv.com/embed/channel/popular/
Channel: https://www.rohstoff-tv.com/embed/channel/[CHANNELNAME]/
Companies: https://www.rohstoff-tv.com/embed/channel/[COMPANYNAME]/
Events: https://www.rohstoff-tv.com/embed/channel/[EVENTNAME]/

Embed via iframe

Default iframe not responsive (not recommended)

<iframe width="640" height="480" src="https://www.rohstoff-tv.com/embed/channel/[CHANNELNAME]/" frameborder="0" allow="autoplay; encrypted-media;" allowfullscreen></iframe>

Bootstrap (responsive)

<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="https://www.rohstoff-tv.com/embed/channel/[CHANNELNAME]/" 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.rohstoff-tv.com/embed/channel/[CHANNELNAME]/" allow="autoplay; encrypted-media;" frameborder="0" allowfullscreen></iframe>
</div>
<style>
.embed-container { 
  position: relative; 
  padding-bottom: 75%; /* 4:3*/
  /* padding-bottom: 56.25%; *//* 16:9*/
  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.rohstoff-tv.com/rtvplayer.js"></script>	
<div id="your_id"></div>
<script>
  rtv = new rtvPlayer('your_id',{
    Channel: 'popular', //optional
    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
      hidePlaylist: 1, //default is 0
    }
  });
</script>

Note: The integration via Javascript creates an iframe in the given div. The height of the iframe is calculated automatically based on the width and settings. 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.rohstoff-tv.com/embed/channel/[CHANNELNAME]/?[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.
hidePlaylist Hide the playlist below the video. Supported values are 0 or 1. The default value is 0.

Recommended 4:3 sizes in pixel

160 x 120
320 x 240
640 x 480
800 x 600
1024 x 768
1152 x 864

Notes

It is possible to output a playlist without slider.
You have to change the paramter hidePlaylist=1 and the embedded iframe format to 16:9 (examples).

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

Die Welt der Rohstoffe in einer App!

CEO- und Experteninterviews • TV-Projektbesichtigungen • Berichte von Messen und Konferenzen aus der Welt • aktuelle Mineninformationen • Rohstoff-TV, Commodity-TV und Dukascopy-TV • JRB-Rohstoffblog • und vieles mehr...

Kostenloser Download im App Store!

Commodity-TV

Werbung

SRC News

Alle zeigen
Canada Nickel meldet den erfolgreichen Abschluss der Kohlenstoffspeicher-Pilotanlage und bestätigt den Wert der Kohlenstoffspeicherkapazität;  Integrierte Machbarkeitsstudie soll am 12. Oktober 2023 veröffentlicht werden

News

Canada Nickel meldet den erfolgreichen Abschluss der Kohlenstoffspeicher-Pilotanlage und bestätigt den Wert der Kohlenstoffspeicherkapazität; Integrierte Machbarkeitsstudie soll am 12. Oktober 2023 veröffentlicht werden

Canada Nickel Company Inc. gab heute bekannt, dass das Unternehmen seine Pilotanlage zur Kohlenstoffspeicherung erfolgreich abgeschlossen hat und damit den Wert seines neuartigen…

IsoEnergy und Consolidated Uranium kündigen Fusion an, um ein führendes, diversifiziertes Uranunternehmen zu schaffen, das sich auf die wichtigsten Urangebiete der Welt konz

News

IsoEnergy und Consolidated Uranium kündigen Fusion an, um ein führendes, diversifiziertes Uranunternehmen zu schaffen, das sich auf die wichtigsten Urangebiete der Welt konz

IsoEnergy Ltd. und Consolidated Uranium Inc. freuen sich, bekannt zu geben, dass sie eine endgültige Vereinbarung über eine Aktienfusion von IsoEnergy und Consolidated Uranium…

Mitteilung über den Wertpapiererwerb durch die UBS Group AG

News

Mitteilung über den Wertpapiererwerb durch die UBS Group AG

In Übereinstimmung mit Abschnitt 122(3)(b) des Companies Act 71 von 2008 (das Gesetz), Regulation 121(2)(b) der Companies Act Regulations, 2011 und Absatz 3.83(b) der JSE Limited…

Latitude Uranium schließt erfolgreiches Phase-2-Bohrprogramm 2023 auf Angilak ab

News

Latitude Uranium schließt erfolgreiches Phase-2-Bohrprogramm 2023 auf Angilak ab

Latitude Uranium Inc. freut sich, den erfolgreichen Abschluss seines Phase-2-Bohrprogramms 2023 auf dem Projekt Angilak (Angilak") in Nunavut, Kanada, bekannt zu geben.

Kurznews

Alle zeigen

Revival Gold meldet erste Explorationsergebnisse für das Jahr 2023

Heliostar bohrt 63 m mit einem Gehalt von 10,4 g/t Gold und 14,6 m mit einem Gehalt von 33,0 g/t Gold auf Ana Paula in Mexiko

Heliostar legt Wachstumsziele fest, einschließlich eines parallelen Panels in Ana Paula, Mexiko

Condor Gold Plc meldet den Zwischenbericht und Jahresabschluss für die sechs Monate per 30. Juni 2023

Werbung

Partners