Add tabindex for transcript lines

Add into options 'tabindex' for manage tabindex transcript lines
raccoongang · Jan 31, 2017 · 953b07a · 953b07a
1 parent 3654d34
commit 953b07a
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/dist/videojs-transcript.js b/dist/videojs-transcript.js
@@ -371,6 +371,7 @@ var widget = function (plugin) {
     var timestamp = utils.createEl('span', '-timestamp');
     var text = utils.createEl('span', '-text');
     line.setAttribute('data-begin', cue.startTime);
+    line.setAttribute('tabindex', my._options.tabindex || 0);
     timestamp.textContent = utils.secondsToTime(cue.startTime);
     text.innerHTML = cue.text;
     line.appendChild(timestamp);
@@ -410,8 +411,9 @@ var widget = function (plugin) {
     }
 
   };
-  var create = function () {
+  var create = function (options) {
     var el = document.createElement('div');
+    my._options = options;
     my.element = el;
     el.setAttribute('id', plugin.prefix + '-' + plugin.player.id());
     if (plugin.settings.showTitle) {
@@ -472,7 +474,7 @@ var transcript = function (options) {
   my.validTracks = trackList.get();
   my.currentTrack = trackList.active(my.validTracks);
   my.settings = videojs.mergeOptions(defaults, options);
-  my.widget = widget.create();
+  my.widget = widget.create(options);
   var timeUpdate = function () {
     my.widget.setCue(my.player.currentTime());
   };

diff --git a/dist/videojs-transcript.min.js b/dist/videojs-transcript.min.js
diff --git a/src/main.js b/src/main.js
@@ -4,7 +4,7 @@ var transcript = function (options) {
   my.validTracks = trackList.get();
   my.currentTrack = trackList.active(my.validTracks);
   my.settings = videojs.mergeOptions(defaults, options);
-  my.widget = widget.create();
+  my.widget = widget.create(options);
   var timeUpdate = function () {
     my.widget.setCue(my.player.currentTime());
   };

diff --git a/src/widget.js b/src/widget.js
@@ -49,6 +49,7 @@ var widget = function (plugin) {
     var timestamp = utils.createEl('span', '-timestamp');
     var text = utils.createEl('span', '-text');
     line.setAttribute('data-begin', cue.startTime);
+    line.setAttribute('tabindex', my._options.tabindex || 0);
     timestamp.textContent = utils.secondsToTime(cue.startTime);
     text.innerHTML = cue.text;
     line.appendChild(timestamp);
@@ -88,8 +89,9 @@ var widget = function (plugin) {
     }
 
   };
-  var create = function () {
+  var create = function (options) {
     var el = document.createElement('div');
+    my._options = options;
     my.element = el;
     el.setAttribute('id', plugin.prefix + '-' + plugin.player.id());
     if (plugin.settings.showTitle) {