Embedding Video

Die Einbettungsfunktion ermöglicht dir, unsere Videos auf einer Webseite außerhalb von Commodity-TV zu veröffentlichen. So kannst du zum Beispiel ein Video in deinem Blog einbetten und Leute können es sich dort anschauen, ohne Commodity-TV aufrufen zu müssen. 

Um den Einbettungscode eines Videos zu erhalten, begib dich zu der jeweiligen Videoseite und klicke auf den „Embed“-Button. Alle Videos können mit der Suchfunktion gefunden werden.

Code example

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

Embed via iframe

Default iframe not responsive (not recommended)

<iframe width="640" height="360" src="https://www.rohstoff-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.rohstoff-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.rohstoff-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.rohstoff-tv.com/rtvplayer.js"></script>	
<div id="your_id"></div>
<script>
  rtv = new rtvPlayer('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.rohstoff-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

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
U.S. GoldMining mobilisiert Feldteams für Explorationsprogramms 2023 im Whistler Gold-Copper-Projekt in Alaska

News

U.S. GoldMining mobilisiert Feldteams für Explorationsprogramms 2023 im Whistler Gold-Copper-Projekt in Alaska

U.S. GoldMining Inc. freut sich, bekannt zu geben, dass das Unternehmen nach dem erfolgreichen Abschluss seines Börsengangs im April 2023, bei dem 20 Millionen US$ eingenommen…

Torq Resources präsentiert sich im Live-Webinar von Red Cloud Securities

News

Torq Resources präsentiert sich im Live-Webinar von Red Cloud Securities

Torq Resources Inc. freut sich, bekannt zu geben, dass der CEO und Vorsitzende des Unternehmens, Shawn Wallace, und der Chief Geological Officer, Michael Henrichsen, am 7. Juni…

Sibanye-Stillwater macht auf seinem Weg zur Klimaneutralität mit dem Beginn seines ersten Projekts zur Nutzung erneuerbarer Energien weitere Fortschritte

News

Sibanye-Stillwater macht auf seinem Weg zur Klimaneutralität mit dem Beginn seines ersten Projekts zur Nutzung erneuerbarer Energien weitere Fortschritte

Sibanye-Stillwater freut sich, bekannt zu geben, dass das Unternehmen seinen ersten Stromabnahmevertrag abgeschlossen und den Abschluss der Finanzierungsverträge für ein…

Century Lithium gibt Veränderungen im Vorstand bekannt und Ergänzung im Management

News

Century Lithium gibt Veränderungen im Vorstand bekannt und Ergänzung im Management

Century Lithium Corp. gibt bekannt, dass Frau Cassandra Joseph mit Wirkung vom 30. Juni 2023 als nicht geschäftsführende Vorsitzende und Direktorin zurücktreten wird, um sich auf…

Kurznews

Alle zeigen

Vizsla Silver erweitert hochgradige Mineralisierung bei La Luisa und definiert neues Explorationsziel im Norden

District erhält Genehmigung für Anträge auf Minerallizenzen für Tåsjö im nördlichen Mittelschweden

Tarachi Gold schließt Verkauf von Projekt Magistral ab

Heliostar bohrt 53,2 m mit einem Gehalt von 11,0 g/t Gold und 44,5 m mit einem Gehalt von 11,0 g/t Gold im Projekt Ana Paula, Mexiko

Werbung

Partners