From 39f16ecb2718b25f29e18a4b359fbe3533863ac9 Mon Sep 17 00:00:00 2001
From: anoosi <cyd.anas4@gmail.com>
Date: Sun, 8 Oct 2017 09:26:36 +0300
Subject: [PATCH] css subtitle icon

---
 example-videojs/test.html | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)
diff --git a/example-videojs/test.html b/example-videojs/test.html
index 5b7619a..f2d1ecc 100644
--- a/example-videojs/test.html
+++ b/example-videojs/test.html
@@ -15,6 +15,25 @@
     <script src="videojs.libass.js"></script>
 	
     <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-youtube/2.0.7/Youtube.min.js"></script>
+    <style type="text/css">
+	  .libassjs {
+		position: absolute;
+		top: 0;
+		width: 100%;
+		height: 100%;
+		pointer-events: none;
+		}
+		.vjs-default-skin .vjs-subtitles-button {
+		cursor: pointer;
+		}
+		.vjs-default-skin .vjs-subtitles-button:before {
+		font-family: VideoJS;
+		content: '\f10c';
+		}
+		.vjs-default-skin .vjs-subtitles-button.inactive {
+		color: grey;
+		}
+    </style>
   </head>
 
   <body>
@@ -58,4 +77,4 @@ <h1 id="fontsloading">Loading script and fonts, please wait.</h1>
 	  $('#player').hide();
     </script>
   </body>
-</html>
\ No newline at end of file
+</html>
