3.1.0

- updates to Radiant Media Player 7.11.1
radiantmediaplayer · Aug 3, 2022 · ddbe519 · ddbe519
1 parent b72030d
commit ddbe519
Show file tree

Hide file tree

Showing 15 changed files with 42 additions and 42 deletions.
diff --git a/basic-with-reload/css/basic-with-reload.css b/basic-with-reload/css/basic-with-reload.css
diff --git a/basic-with-reload/index.html b/basic-with-reload/index.html
@@ -11,8 +11,8 @@
   <link rel="canonical" href="https://www.radiantmediaplayer.com/docs/latest/gist/outstream-ads-gallery/basic/">
   <link rel="icon" type="image/png" href="/images/radiantmediaplayer-icon.png">
   <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
-    integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
   <link href="css/basic-with-reload.css" rel="stylesheet" type="text/css">
   <script>
     (function (i, s, o, g, r, a, m) {
@@ -29,6 +29,11 @@
     ga('create', 'UA-54723413-1', 'auto');
     ga('send', 'pageview');
   </script>
+  <style>
+    #rmp {
+      margin: auto;
+    }
+  </style>
 </head>
 
 <body>
@@ -70,7 +75,7 @@ <h4>
             <em>Advertisement</em>
           </h4>
         </div>
-        <div id="rmpPlayer"></div>
+        <div id="rmp"></div>
       </div>
     </div>
     <div class="row">
@@ -396,7 +401,7 @@ <h2>Section 2</h2>
       </div>
     </div>
   </div>
-  <script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/7.11.1/js/rmp.min.js"></script>
   <script src="js/basic-with-reload.js"></script>
 </body>
 

diff --git a/basic-with-reload/js/basic-with-reload.js b/basic-with-reload/js/basic-with-reload.js
@@ -3,7 +3,7 @@
  * outstream-ads-gallery | https://github.com/radiantmediaplayer/outstream-ads-gallery
  */
 
-const elementID = 'rmpPlayer';
+const elementID = 'rmp';
 const container = document.getElementById(elementID);
 
 const settings = {

diff --git a/close-button/css/close-button.css b/close-button/css/close-button.css
@@ -1,6 +1,6 @@
 @charset "utf-8";
 
-#rmpPlayer {
+#rmp {
   margin: auto;
 }
 

diff --git a/close-button/index.html b/close-button/index.html
@@ -11,8 +11,8 @@
   <link rel="canonical" href="https://www.radiantmediaplayer.com/docs/latest/gist/outstream-ads-gallery/close-button/">
   <link rel="icon" type="image/png" href="/images/radiantmediaplayer-icon.png">
   <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
-    integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
   <link href="css/close-button.css" rel="stylesheet" type="text/css">
   <script>
     (function (i, s, o, g, r, a, m) {
@@ -68,7 +68,7 @@ <h1>My amazing article to read</h1>
     </div>
     <div class="row my-1">
       <div class="col">
-        <div id="rmpPlayer"></div>
+        <div id="rmp"></div>
       </div>
     </div>
     <div class="row">
@@ -330,7 +330,7 @@ <h2>Section 2</h2>
       </div>
     </div>
   </div>
-  <script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/7.11.1/js/rmp.min.js"></script>
   <script src="js/close-button.js"></script>
 </body>
 

diff --git a/close-button/js/close-button.js b/close-button/js/close-button.js
@@ -3,7 +3,7 @@
  * outstream-ads-gallery | https://github.com/radiantmediaplayer/outstream-ads-gallery
  */
 
-const elementID = 'rmpPlayer';
+const elementID = 'rmp';
 const container = document.getElementById(elementID);
 
 const settings = {

diff --git a/in-article/css/in-article.css b/in-article/css/in-article.css
diff --git a/in-article/index.html b/in-article/index.html
@@ -11,8 +11,8 @@
   <link rel="canonical" href="https://www.radiantmediaplayer.com/docs/latest/gist/outstream-ads-gallery/in-article/">
   <link rel="icon" type="image/png" href="/images/radiantmediaplayer-icon.png">
   <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
-    integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
   <link href="css/in-article.css" rel="stylesheet" type="text/css">
   <script>
     (function (i, s, o, g, r, a, m) {
@@ -29,6 +29,11 @@
     ga('create', 'UA-54723413-1', 'auto');
     ga('send', 'pageview');
   </script>
+  <style>
+    #rmp {
+      margin: auto;
+    }
+  </style>
 </head>
 
 <body>
@@ -234,7 +239,7 @@ <h4>
             <em>Advertisement</em>
           </h4>
         </div>
-        <div id="rmpPlayer"></div>
+        <div id="rmp"></div>
       </div>
     </div>
     <div class="row">
@@ -399,7 +404,7 @@ <h2>Section 2</h2>
       </div>
     </div>
   </div>
-  <script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/7.11.1/js/rmp.min.js"></script>
   <script src="js/in-article.js"></script>
 </body>
 

diff --git a/in-article/js/in-article.js b/in-article/js/in-article.js
@@ -3,7 +3,7 @@
  * outstream-ads-gallery | https://github.com/radiantmediaplayer/outstream-ads-gallery
  */
 
-const elementID = 'rmpPlayer';
+const elementID = 'rmp';
 const container = document.getElementById(elementID);
 
 const settings = {

diff --git a/one-shot/css/one-shot.css b/one-shot/css/one-shot.css
diff --git a/one-shot/index.html b/one-shot/index.html
@@ -11,8 +11,8 @@
   <link rel="canonical" href="https://www.radiantmediaplayer.com/docs/latest/gist/outstream-ads-gallery/one-shot/">
   <link rel="icon" type="image/png" href="/images/radiantmediaplayer-icon.png">
   <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
-    integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
   <link href="css/one-shot.css" rel="stylesheet" type="text/css">
   <script>
     (function (i, s, o, g, r, a, m) {
@@ -29,6 +29,11 @@
     ga('create', 'UA-54723413-1', 'auto');
     ga('send', 'pageview');
   </script>
+  <style>
+    #rmp {
+      margin: auto;
+    }
+  </style>
 </head>
 
 <body>
@@ -67,7 +72,7 @@ <h1>My amazing article to read</h1>
     </div>
     <div class="row my-1">
       <div class="col">
-        <div id="rmpPlayer"></div>
+        <div id="rmp"></div>
       </div>
     </div>
     <div class="row">
@@ -393,7 +398,7 @@ <h2>Section 2</h2>
       </div>
     </div>
   </div>
-  <script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/7.11.1/js/rmp.min.js"></script>
   <script src="js/one-shot.js"></script>
 </body>
 

diff --git a/one-shot/js/one-shot.js b/one-shot/js/one-shot.js
@@ -3,7 +3,7 @@
  * outstream-ads-gallery | https://github.com/radiantmediaplayer/outstream-ads-gallery
  */
 
-const elementID = 'rmpPlayer';
+const elementID = 'rmp';
 const container = document.getElementById(elementID);
 
 const settings = {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "outstream-ads-gallery",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "author": "Radiant Media Player <support@radiantmediaplayer.com>",
   "description": "A collection of examples for using Radiant Media Player with outstream video ads",
   "repository": {

diff --git a/sticky/index.html b/sticky/index.html
@@ -11,8 +11,8 @@
   <link rel="canonical" href="https://www.radiantmediaplayer.com/docs/latest/gist/outstream-ads-gallery/sticky/">
   <link rel="icon" type="image/png" href="/images/radiantmediaplayer-icon.png">
   <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
-    integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
   <link href="css/sticky.css" rel="stylesheet" type="text/css">
   <script>
     (function (i, s, o, g, r, a, m) {
@@ -389,9 +389,9 @@ <h2>Section 2</h2>
     </div>
   </div>
   <div id="sticky-container">
-    <div id="rmpPlayer"></div>
+    <div id="rmp"></div>
   </div>
-  <script src="https://cdn.radiantmediatechs.com/rmp/7.5.1/js/rmp.min.js"></script>
+  <script src="https://cdn.radiantmediatechs.com/rmp/7.11.1/js/rmp.min.js"></script>
   <script src="js/sticky.js"></script>
 </body>
 

diff --git a/sticky/js/sticky.js b/sticky/js/sticky.js
@@ -3,7 +3,7 @@
  * outstream-ads-gallery | https://github.com/radiantmediaplayer/outstream-ads-gallery
  */
 
-const elementID = 'rmpPlayer';
+const elementID = 'rmp';
 const container = document.getElementById(elementID);
 const stickyContainer = document.getElementById('sticky-container');