feat: Support an in-page embed without controls

README.md

@@ -39,6 +39,7 @@ An asynchronous script loader for the Brightcove Player.
     - [`deliveryConfigId`](#deliveryconfigid)
     - [`embedId`](#embedid)
     - [`embedOptions`](#embedoptions)
+      - [`embedOptions.controls`](#embedoptionscontrols)
       - [`embedOptions.pip`](#embedoptionspip)
       - [`embedOptions.playlist`](#embedoptionsplaylist)
       - [`embedOptions.responsive`](#embedoptionsresponsive)
@@ -379,6 +380,12 @@ The Brightcove Player [embed ID][bc-embed-id] for the player. The default value
 
 Used to provide certain options for embed generation. These include:
 
+##### `embedOptions.controls`
+* *Type:* `boolean`
+* *Default:* `true`
+
+If `false`, the player will be created with control disabled. Supported for in-page (advanced) embeds only.
+
 ##### `embedOptions.pip`
 * *Type:* `boolean`
 * *Default:* `false`

demo.js

@@ -31,6 +31,7 @@ $(function() {
     deliveryConfigId: 1,
     embedId: 1,
     embedOptions: {
+      controls: 1,
       pip: 1,
       playlist: {
         legacy: 1
@@ -58,7 +59,8 @@ $(function() {
     playlist: $('#eo-playlist'),
     responsive: $('#eo-resp'),
     tagName: $('#eo-tag-name'),
-    unminified: $('#eo-unmin')
+    unminified: $('#eo-unmin'),
+    controls: $('#eo-controls')
   };
 
   function isObj(v) {

index.html

@@ -208,6 +208,10 @@ <h5 class="mb-0">
                     <input id="eo-pip" class="form-check-input" type="checkbox">
                     <label class="form-check-label" for="eo-pip">Picture-in-Picture</label>
                   </div>
+                  <div class="form-check form-group">
+                    <input id="eo-controls" class="form-check-input" type="checkbox" checked>
+                    <label class="form-check-label" for="eo-controls">Controls</label>
+                  </div>
                   <div class="form-group">
                     <label class="form-check-label" for="eo-playlist">Playlist</label>
                     <select id="eo-playlist" class="form-control">

src/create-embed.js

@@ -108,7 +108,9 @@ const createInPageEmbed = (params) => {
       el.setAttribute(paramsToAttrs[key], value);
     });
 
-  el.setAttribute('controls', 'controls');
+  if (!embedOptions || embedOptions.controls !== false) {
+    el.setAttribute('controls', 'controls');
+  }
   el.classList.add('video-js');
 
   return el;

test/create-embed.test.js

@@ -217,6 +217,18 @@ QUnit.module('create-embed', function(hooks) {
     }
   });
 
+  QUnit.test('controls', function(assert) {
+    const embed = createEmbed({
+      refNode: this.fixture,
+      refNodeInsert: 'append',
+      embedOptions: {
+        controls: false
+      }
+    });
+
+    assert.notOk(embed.hasAttribute('controls'), this.fixture, 'has no controls attribute');
+  });
+
   QUnit.test('pip', function(assert) {
     const embed = createEmbed({
       refNode: this.fixture,