Player Examples

  • The following is an example of an iframe embed with the publisher code and video id highlighted for use with the new javascript player:

    <iframe src="" frameborder="0" allowfullscreen></iframe>
  • To embed using the javascript player you must create a container to place the player into like a div:

    <div id="rumblePlayer"></div>
  • You must also load the javascript library required for the player while replacing the [pub-code] with the appropriate publisher code that always starts with “u”. This can be grabbed from any embed code and only contains numbers and letters.

    !function(r,u,m,b,l,e) {
  • To initialize the player you call the function

    Rumble("play", [config]);
  • The following are mandatory config parameters that every player must have:

Parameter Example Value Description
video "vabcd" Video ID of the video you want to be loaded
div "rumblePlayer" The ID of the container on the page you want the Rumble player loaded in
  • Example with the above options:
Rumble("play", {video: "vabcd", div: "rumblePlayer"});
  • Optional config parameters:
Parameter Example Value Description
rel 5 Related content to use at the end of the video, this is also used for the next video timer at the end of the video.
0 – disable related
1 – enable related
5 – enable related, use only videos from the same channel or user as the current video
ia 1 Use optimizations for instant articles, this will fix possible sizing issues
0 – disabled
1 – enabled
playlist ["v1235", "v1236"] The video IDs listed here will replace what content is used in the auto timer at the end of the video
api function(api){...} When specified the player will call the function provided (when the player loads) with a class you can interface with to control the player instance. To see more documentation on the calls available look to the next section of this document.
  • To load the player in an instant article a non-async approach should be used, and the video IDs are duplicated like so:
<figure class="op-interactive"><iframe>
<div id="rumblePlayer"></div>
<script src=""></script>
<script >Rumble("play", {video: "vabcd", div: "rumblePlayer", rel: 5, ia: 1})</script>

results matching ""

    No results matching ""