add artplayerPluginBacklight

docs/backlight/css/common.css

@@ -0,0 +1,21 @@
+html,
+body,
+.container {
+    height: 100%;
+}
+
+.container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #000;
+}
+
+.artplayer {
+    width: 600px;
+    height: 400px;
+}
+
+.artplayer-video {
+    border: 2px solid rgba(255, 255, 255, 0.2);
+}

docs/backlight/index.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Backlight plugin for ArtPlayer</title>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta name="keywords" content="artplayer,html5,video,player,backlight">
+    <meta name="description" content="Backlight plugin for ArtPlayer">
+    <link rel="shortcut icon" href="../assets/img/favicon.ico">
+    <link rel="stylesheet" href="../assets/css/normalize.css">
+    <link rel="stylesheet" href="./css/common.css">
+    <link rel="stylesheet" href="../uncompiled/artplayer.css">    
+</head>
+
+<body>
+    <div class="container">
+        <div class="artplayer"></div>
+    </div>
+    <script src="../uncompiled/artplayer.js"></script>
+    <script src="../uncompiled/artplayer-plugin-backlight.js"></script>
+    <script src="./js/common.js"></script>
+    <script>
+        var _hmt = _hmt || [];
+        (function() {
+          var hm = document.createElement("script");
+          hm.src = "https://hm.baidu.com/hm.js?b6c9b8bafbf5fe7225160101dafbbc7d";
+          var s = document.getElementsByTagName("script")[0]; 
+          s.parentNode.insertBefore(hm, s);
+        })();
+    </script>
+</body>
+
+</html>

docs/backlight/js/common.js

@@ -0,0 +1,13 @@
+'use strict';
+
+(function() {
+    var art = new Artplayer({
+        container: '.artplayer',
+        url: 'https://zhw2590582.github.io/assets-cdn/video/one-more-time-one-more-chance-480p.mp4',
+        autoSize: true,
+        moreVideoAttr: {
+            crossOrigin: 'anonymous'
+        },
+        plugins: [artplayerPluginBacklight]
+    });
+})();