Added rewind and forward button

tuhinpal · Apr 10, 2022 · 3bfd67e · 3bfd67e
1 parent fe36e99
commit 3bfd67e
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -21,7 +21,7 @@ This project is made possible with [Plyr](https://github.com/sampotts/plyr), [Hl
 1.  Put the tplayer.js script tag in the `<head>` of your HTML document.
 
     ```html
-    <script src="https://cdn.jsdelivr.net/npm/tplayer.js@1.0.7/dist/index.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/tplayer.js@1.0.9/dist/index.js"></script>
     ```
 
 2.  Put the video element in the `<body>` of your HTML document.

diff --git a/example/html/index.html b/example/html/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Player</title>
-    <!-- <script src="https://cdn.jsdelivr.net/npm/tplayer.js@1.0.7/dist/index.js"></script> -->
+    <!-- <script src="https://cdn.jsdelivr.net/npm/tplayer.js@1.0.9/dist/index.js"></script> -->
     <script src="/dist/index.js"></script>
   </head>
   <body>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tplayer.js",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Flexible and easy Dash/HLS/DRM integration for HTML5 video.",
   "main": "index.js",
   "scripts": {

diff --git a/src/helpers/plyrOptions.js b/src/helpers/plyrOptions.js
@@ -12,6 +12,19 @@ export default function plyrOptions(configs) {
     invertTime: true,
     seekTime: 10,
     storage: { enabled: true, key: "tplayerjs" },
+    controls: [
+      "play-large", // The large play button in the center
+      "rewind", // Rewind by the seek time (default 10 seconds)
+      "play", // Play/pause playback
+      "fast-forward", // Fast forward by the seek time (default 10 seconds)
+      "progress", // The progress bar and scrubber for playback and buffering
+      "current-time", // The current time of playback
+      "mute", // Toggle mute
+      "volume", // Volume control
+      "captions", // Toggle captions
+      "settings", // Settings menu
+      "fullscreen", // Toggle fullscreen
+    ],
   };
 
   return options;