tcplayer.js 4.7.0 → 4.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/console/vod-player-v3.html +125 -0
  2. package/dist/console/vod-player.html +124 -0
  3. package/dist/examples/vod/7447398155146701990.jpg +0 -0
  4. package/dist/examples/vod/7447398155146701990.vtt +301 -0
  5. package/dist/examples/vod/tcplayer-av1.html +123 -0
  6. package/dist/examples/vod/tcplayer-vod-all.html +166 -0
  7. package/dist/examples/vod/tcplayer-vod-all1.html +86 -0
  8. package/dist/examples/vod/tcplayer-vod-audio-tracks.html +66 -0
  9. package/dist/examples/vod/tcplayer-vod-base-flash.html +64 -0
  10. package/dist/examples/vod/tcplayer-vod-base-native-control.html +68 -0
  11. package/dist/examples/vod/tcplayer-vod-base-v4-dash.html +84 -0
  12. package/dist/examples/vod/tcplayer-vod-base-v4-quality-api.html +90 -0
  13. package/dist/examples/vod/tcplayer-vod-base-v4.html +78 -0
  14. package/dist/examples/vod/tcplayer-vod-base.html +76 -0
  15. package/dist/examples/vod/tcplayer-vod-change-file-statistic.html +79 -0
  16. package/dist/examples/vod/tcplayer-vod-change-file.html +76 -0
  17. package/dist/examples/vod/tcplayer-vod-continue-play-by-fileid.html +70 -0
  18. package/dist/examples/vod/tcplayer-vod-continue-play-by-url.html +72 -0
  19. package/dist/examples/vod/tcplayer-vod-costom-host.html +66 -0
  20. package/dist/examples/vod/tcplayer-vod-custom-enter-full-viewport.html +88 -0
  21. package/dist/examples/vod/tcplayer-vod-custom-ui.html +98 -0
  22. package/dist/examples/vod/tcplayer-vod-definition.html +71 -0
  23. package/dist/examples/vod/tcplayer-vod-drm-fairplay.html +165 -0
  24. package/dist/examples/vod/tcplayer-vod-drm-token-auto.html +101 -0
  25. package/dist/examples/vod/tcplayer-vod-drm-token.html +156 -0
  26. package/dist/examples/vod/tcplayer-vod-drm-widevine.html +165 -0
  27. package/dist/examples/vod/tcplayer-vod-drm.html +164 -0
  28. package/dist/examples/vod/tcplayer-vod-dynamic-watermark.html +86 -0
  29. package/dist/examples/vod/tcplayer-vod-enter-full-viewport.html +87 -0
  30. package/dist/examples/vod/tcplayer-vod-event.html +93 -0
  31. package/dist/examples/vod/tcplayer-vod-ghost-watermark.html +48 -0
  32. package/dist/examples/vod/tcplayer-vod-hls-decrypt-key-tool.html +215 -0
  33. package/dist/examples/vod/tcplayer-vod-hls-decrypt-key.html +76 -0
  34. package/dist/examples/vod/tcplayer-vod-hls-encrypt-private.html +97 -0
  35. package/dist/examples/vod/tcplayer-vod-hls-encrypt.html +61 -0
  36. package/dist/examples/vod/tcplayer-vod-hls-masterplaylist.html +65 -0
  37. package/dist/examples/vod/tcplayer-vod-hls-token.html +67 -0
  38. package/dist/examples/vod/tcplayer-vod-image-patch.html +66 -0
  39. package/dist/examples/vod/tcplayer-vod-key.html +87 -0
  40. package/dist/examples/vod/tcplayer-vod-level-switch-tips.html +85 -0
  41. package/dist/examples/vod/tcplayer-vod-logo.html +72 -0
  42. package/dist/examples/vod/tcplayer-vod-mirror.html +66 -0
  43. package/dist/examples/vod/tcplayer-vod-mutil.html +68 -0
  44. package/dist/examples/vod/tcplayer-vod-no-control.html +62 -0
  45. package/dist/examples/vod/tcplayer-vod-no-progress.html +64 -0
  46. package/dist/examples/vod/tcplayer-vod-playlist.html +76 -0
  47. package/dist/examples/vod/tcplayer-vod-preload.html +74 -0
  48. package/dist/examples/vod/tcplayer-vod-progress-marker.html +64 -0
  49. package/dist/examples/vod/tcplayer-vod-refer.html +84 -0
  50. package/dist/examples/vod/tcplayer-vod-size-adaptive.html +70 -0
  51. package/dist/examples/vod/tcplayer-vod-size-full-viewport.html +68 -0
  52. package/dist/examples/vod/tcplayer-vod-size.html +70 -0
  53. package/dist/examples/vod/tcplayer-vod-vtt-thumbnail-src.html +71 -0
  54. package/dist/examples/vod/tcplayer-vod-vtt-thumbnail.html +65 -0
  55. package/dist/examples/vod/tcplayer-vod-x5-playsinline.html +65 -0
  56. package/dist/examples/vod/tcplayer-vod-x5.html +66 -0
  57. package/dist/examples/vod/typlayer-vod-dynamic-init.html +129 -0
  58. package/dist/examples/webrtc/tcplayer-src-dynamic.html +92 -0
  59. package/dist/examples/webrtc/tcplayer-src-meeting.html +193 -0
  60. package/dist/examples/webrtc/tcplayer-src-webrtc-abr.html +236 -0
  61. package/dist/examples/webrtc/tcplayer-src-webrtc-autoplay.html +124 -0
  62. package/dist/examples/webrtc/tcplayer-src-webrtc-change-src.html +189 -0
  63. package/dist/examples/webrtc/tcplayer-src-webrtc-mutilRes.html +142 -0
  64. package/dist/examples/webrtc/tcplayer-src-webrtc.html +165 -0
  65. package/dist/libs/TXLivePlayer-1.3.0.min.js +1 -0
  66. package/dist/libs/dash.all.min.v3.1.3.js +0 -20
  67. package/dist/libs/hlsp2p.min.1.6.28.js +3 -0
  68. package/dist/libs/qvbp2p_common.min.1.8.29.js +1 -0
  69. package/dist/tcplayer.css +2529 -0
  70. package/dist/tcplayer.min.css +1 -1
  71. package/dist/tcplayer.v4.7.2.min.js +17 -0
  72. package/package.json +2 -2
  73. package/dist/libs/TXLivePlayer-1.2.3.min.js +0 -1
  74. package/dist/libs/dash.all.min.2.9.3.js +0 -32
  75. package/dist/libs/dash.all.min.4.4.1.js +0 -0
  76. package/dist/libs/flv.min.1.5.js +0 -7
  77. package/dist/libs/flv.min.1.6.2.js +0 -10
  78. package/dist/libs/hls.min.0.12.4.js +0 -2
  79. package/dist/libs/hls.min.0.13.2m.js +0 -4
  80. package/dist/libs/hls.min.1.1.5.js +0 -28831
  81. package/dist/tcplayer.v4.7.0.min.js +0 -17
@@ -0,0 +1,2529 @@
1
+ @charset "UTF-8";
2
+ .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
3
+ position: absolute;
4
+ top: 0;
5
+ left: 0;
6
+ width: 100%;
7
+ height: 100%; }
8
+
9
+ .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
10
+ text-align: center; }
11
+
12
+ @font-face {
13
+ font-family: VideoJS;
14
+ src: url("font/VideoJS.eot?#iefix") format("eot"); }
15
+
16
+ @font-face {
17
+ font-family: VideoJS;
18
+ src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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AG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
19
+ font-weight: normal;
20
+ font-style: normal; }
21
+
22
+ .vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
23
+ font-family: VideoJS;
24
+ font-weight: normal;
25
+ font-style: normal; }
26
+ .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
27
+ content: "\f101"; }
28
+
29
+ .vjs-icon-play-circle {
30
+ font-family: VideoJS;
31
+ font-weight: normal;
32
+ font-style: normal; }
33
+ .vjs-icon-play-circle:before {
34
+ content: "\f102"; }
35
+
36
+ .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
37
+ font-family: VideoJS;
38
+ font-weight: normal;
39
+ font-style: normal; }
40
+ .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
41
+ content: "\f103"; }
42
+
43
+ .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
44
+ font-family: VideoJS;
45
+ font-weight: normal;
46
+ font-style: normal; }
47
+ .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
48
+ content: "\f104"; }
49
+
50
+ .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
51
+ font-family: VideoJS;
52
+ font-weight: normal;
53
+ font-style: normal; }
54
+ .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
55
+ content: "\f105"; }
56
+
57
+ .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
58
+ font-family: VideoJS;
59
+ font-weight: normal;
60
+ font-style: normal; }
61
+ .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
62
+ content: "\f106"; }
63
+
64
+ .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
65
+ font-family: VideoJS;
66
+ font-weight: normal;
67
+ font-style: normal; }
68
+ .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
69
+ content: "\f107"; }
70
+
71
+ .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
72
+ font-family: VideoJS;
73
+ font-weight: normal;
74
+ font-style: normal; }
75
+ .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
76
+ content: "\f108"; }
77
+
78
+ .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
79
+ font-family: VideoJS;
80
+ font-weight: normal;
81
+ font-style: normal; }
82
+ .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
83
+ content: "\f109"; }
84
+
85
+ .vjs-icon-square {
86
+ font-family: VideoJS;
87
+ font-weight: normal;
88
+ font-style: normal; }
89
+ .vjs-icon-square:before {
90
+ content: "\f10a"; }
91
+
92
+ .vjs-icon-spinner {
93
+ font-family: VideoJS;
94
+ font-weight: normal;
95
+ font-style: normal; }
96
+ .vjs-icon-spinner:before {
97
+ content: "\f10b"; }
98
+
99
+ .vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
100
+ .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
101
+ .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
102
+ .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
103
+ .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
104
+ font-family: VideoJS;
105
+ font-weight: normal;
106
+ font-style: normal; }
107
+ .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
108
+ .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
109
+ .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
110
+ .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
111
+ .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
112
+ content: "\f10c"; }
113
+
114
+ .vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
115
+ .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
116
+ font-family: VideoJS;
117
+ font-weight: normal;
118
+ font-style: normal; }
119
+ .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
120
+ .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
121
+ content: "\f10d"; }
122
+
123
+ .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
124
+ font-family: VideoJS;
125
+ font-weight: normal;
126
+ font-style: normal; }
127
+ .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
128
+ content: "\f10e"; }
129
+
130
+ .vjs-icon-share {
131
+ font-family: VideoJS;
132
+ font-weight: normal;
133
+ font-style: normal; }
134
+ .vjs-icon-share:before {
135
+ content: "\f10f"; }
136
+
137
+ .vjs-icon-cog {
138
+ font-family: VideoJS;
139
+ font-weight: normal;
140
+ font-style: normal; }
141
+ .vjs-icon-cog:before {
142
+ content: "\f110"; }
143
+
144
+ .vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
145
+ font-family: VideoJS;
146
+ font-weight: normal;
147
+ font-style: normal; }
148
+ .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
149
+ content: "\f111"; }
150
+
151
+ .vjs-icon-circle-outline {
152
+ font-family: VideoJS;
153
+ font-weight: normal;
154
+ font-style: normal; }
155
+ .vjs-icon-circle-outline:before {
156
+ content: "\f112"; }
157
+
158
+ .vjs-icon-circle-inner-circle {
159
+ font-family: VideoJS;
160
+ font-weight: normal;
161
+ font-style: normal; }
162
+ .vjs-icon-circle-inner-circle:before {
163
+ content: "\f113"; }
164
+
165
+ .vjs-icon-hd {
166
+ font-family: VideoJS;
167
+ font-weight: normal;
168
+ font-style: normal; }
169
+ .vjs-icon-hd:before {
170
+ content: "\f114"; }
171
+
172
+ .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
173
+ font-family: VideoJS;
174
+ font-weight: normal;
175
+ font-style: normal; }
176
+ .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
177
+ content: "\f115"; }
178
+
179
+ .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
180
+ font-family: VideoJS;
181
+ font-weight: normal;
182
+ font-style: normal; }
183
+ .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
184
+ content: "\f116"; }
185
+
186
+ .vjs-icon-facebook {
187
+ font-family: VideoJS;
188
+ font-weight: normal;
189
+ font-style: normal; }
190
+ .vjs-icon-facebook:before {
191
+ content: "\f117"; }
192
+
193
+ .vjs-icon-gplus {
194
+ font-family: VideoJS;
195
+ font-weight: normal;
196
+ font-style: normal; }
197
+ .vjs-icon-gplus:before {
198
+ content: "\f118"; }
199
+
200
+ .vjs-icon-linkedin {
201
+ font-family: VideoJS;
202
+ font-weight: normal;
203
+ font-style: normal; }
204
+ .vjs-icon-linkedin:before {
205
+ content: "\f119"; }
206
+
207
+ .vjs-icon-twitter {
208
+ font-family: VideoJS;
209
+ font-weight: normal;
210
+ font-style: normal; }
211
+ .vjs-icon-twitter:before {
212
+ content: "\f11a"; }
213
+
214
+ .vjs-icon-tumblr {
215
+ font-family: VideoJS;
216
+ font-weight: normal;
217
+ font-style: normal; }
218
+ .vjs-icon-tumblr:before {
219
+ content: "\f11b"; }
220
+
221
+ .vjs-icon-pinterest {
222
+ font-family: VideoJS;
223
+ font-weight: normal;
224
+ font-style: normal; }
225
+ .vjs-icon-pinterest:before {
226
+ content: "\f11c"; }
227
+
228
+ .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
229
+ font-family: VideoJS;
230
+ font-weight: normal;
231
+ font-style: normal; }
232
+ .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
233
+ content: "\f11d"; }
234
+
235
+ .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
236
+ font-family: VideoJS;
237
+ font-weight: normal;
238
+ font-style: normal; }
239
+ .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
240
+ content: "\f11e"; }
241
+
242
+ .vjs-icon-next-item {
243
+ font-family: VideoJS;
244
+ font-weight: normal;
245
+ font-style: normal; }
246
+ .vjs-icon-next-item:before {
247
+ content: "\f11f"; }
248
+
249
+ .vjs-icon-previous-item {
250
+ font-family: VideoJS;
251
+ font-weight: normal;
252
+ font-style: normal; }
253
+ .vjs-icon-previous-item:before {
254
+ content: "\f120"; }
255
+
256
+ .video-js {
257
+ display: block;
258
+ vertical-align: top;
259
+ box-sizing: border-box;
260
+ color: #fff;
261
+ background-color: #000;
262
+ position: relative;
263
+ padding: 0;
264
+ font-size: 10px;
265
+ line-height: 1;
266
+ font-weight: normal;
267
+ font-style: normal;
268
+ font-family: Arial, Helvetica, sans-serif;
269
+ word-break: initial; }
270
+ .video-js:-moz-full-screen {
271
+ position: absolute; }
272
+ .video-js:-webkit-full-screen {
273
+ width: 100% !important;
274
+ height: 100% !important; }
275
+
276
+ .video-js[tabindex="-1"] {
277
+ outline: none; }
278
+
279
+ .video-js *,
280
+ .video-js *:before,
281
+ .video-js *:after {
282
+ box-sizing: inherit; }
283
+
284
+ .video-js ul {
285
+ font-family: inherit;
286
+ font-size: inherit;
287
+ line-height: inherit;
288
+ list-style-position: outside;
289
+ margin-left: 0;
290
+ margin-right: 0;
291
+ margin-top: 0;
292
+ margin-bottom: 0; }
293
+
294
+ .video-js.vjs-fluid,
295
+ .video-js.vjs-16-9,
296
+ .video-js.vjs-4-3 {
297
+ width: 100%;
298
+ max-width: 100%;
299
+ height: 0; }
300
+
301
+ .video-js.vjs-16-9 {
302
+ padding-top: 56.25%; }
303
+
304
+ .video-js.vjs-4-3 {
305
+ padding-top: 75%; }
306
+
307
+ .video-js.vjs-fill {
308
+ width: 100%;
309
+ height: 100%; }
310
+
311
+ .video-js .vjs-tech {
312
+ position: absolute;
313
+ top: 0;
314
+ left: 0;
315
+ width: 100%;
316
+ height: 100%; }
317
+
318
+ body.vjs-full-window {
319
+ padding: 0;
320
+ margin: 0;
321
+ height: 100%;
322
+ overflow-y: auto; }
323
+
324
+ .vjs-full-window .video-js.vjs-fullscreen {
325
+ position: fixed;
326
+ overflow: hidden;
327
+ z-index: 1000;
328
+ left: 0;
329
+ top: 0;
330
+ bottom: 0;
331
+ right: 0; }
332
+
333
+ .video-js.vjs-fullscreen {
334
+ width: 100% !important;
335
+ height: 100% !important;
336
+ padding-top: 0 !important; }
337
+
338
+ .video-js.vjs-fullscreen.vjs-user-inactive {
339
+ cursor: none; }
340
+
341
+ .vjs-hidden {
342
+ display: none !important; }
343
+
344
+ .vjs-disabled {
345
+ opacity: 0.5;
346
+ cursor: default; }
347
+
348
+ .video-js .vjs-offscreen {
349
+ height: 1px;
350
+ left: -9999px;
351
+ position: absolute;
352
+ top: 0;
353
+ width: 1px; }
354
+
355
+ .vjs-lock-showing {
356
+ display: block !important;
357
+ opacity: 1;
358
+ visibility: visible; }
359
+
360
+ .vjs-no-js {
361
+ padding: 20px;
362
+ color: #fff;
363
+ background-color: #000;
364
+ font-size: 18px;
365
+ font-family: Arial, Helvetica, sans-serif;
366
+ text-align: center;
367
+ width: 300px;
368
+ height: 150px;
369
+ margin: 0px auto; }
370
+
371
+ .vjs-no-js a,
372
+ .vjs-no-js a:visited {
373
+ color: #66A8CC; }
374
+
375
+ .video-js .vjs-big-play-button {
376
+ font-size: 3em;
377
+ line-height: 1.5em;
378
+ height: 1.5em;
379
+ width: 3em;
380
+ display: block;
381
+ position: absolute;
382
+ top: 10px;
383
+ left: 10px;
384
+ padding: 0;
385
+ cursor: pointer;
386
+ opacity: 1;
387
+ border: 0.06666em solid #fff;
388
+ background-color: #2B333F;
389
+ background-color: rgba(43, 51, 63, 0.7);
390
+ -webkit-border-radius: 0.3em;
391
+ -moz-border-radius: 0.3em;
392
+ border-radius: 0.3em;
393
+ -webkit-transition: all 0.4s;
394
+ -moz-transition: all 0.4s;
395
+ -ms-transition: all 0.4s;
396
+ -o-transition: all 0.4s;
397
+ transition: all 0.4s; }
398
+
399
+ .vjs-big-play-centered .vjs-big-play-button {
400
+ top: 50%;
401
+ left: 50%;
402
+ margin-top: -0.75em;
403
+ margin-left: -1.5em; }
404
+
405
+ .video-js:hover .vjs-big-play-button,
406
+ .video-js .vjs-big-play-button:focus {
407
+ border-color: #fff;
408
+ background-color: #73859f;
409
+ background-color: rgba(115, 133, 159, 0.5);
410
+ -webkit-transition: all 0s;
411
+ -moz-transition: all 0s;
412
+ -ms-transition: all 0s;
413
+ -o-transition: all 0s;
414
+ transition: all 0s; }
415
+
416
+ .vjs-controls-disabled .vjs-big-play-button,
417
+ .vjs-has-started .vjs-big-play-button,
418
+ .vjs-using-native-controls .vjs-big-play-button,
419
+ .vjs-error .vjs-big-play-button {
420
+ display: none; }
421
+
422
+ .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
423
+ display: block; }
424
+
425
+ .video-js button {
426
+ background: none;
427
+ border: none;
428
+ color: inherit;
429
+ display: inline-block;
430
+ overflow: visible;
431
+ font-size: inherit;
432
+ line-height: inherit;
433
+ text-transform: none;
434
+ text-decoration: none;
435
+ transition: none;
436
+ -webkit-appearance: none;
437
+ -moz-appearance: none;
438
+ appearance: none; }
439
+
440
+ .vjs-control .vjs-button {
441
+ width: 100%;
442
+ height: 100%; }
443
+
444
+ .video-js .vjs-control.vjs-close-button {
445
+ cursor: pointer;
446
+ height: 3em;
447
+ position: absolute;
448
+ right: 0;
449
+ top: 0.5em;
450
+ z-index: 2; }
451
+
452
+ .video-js .vjs-modal-dialog {
453
+ background: rgba(0, 0, 0, 0.8);
454
+ background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
455
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
456
+ overflow: auto;
457
+ box-sizing: content-box; }
458
+
459
+ .video-js .vjs-modal-dialog > * {
460
+ box-sizing: border-box; }
461
+
462
+ .vjs-modal-dialog .vjs-modal-dialog-content {
463
+ font-size: 1.2em;
464
+ line-height: 1.5;
465
+ padding: 20px 24px;
466
+ z-index: 1; }
467
+
468
+ .vjs-menu-button {
469
+ cursor: pointer; }
470
+
471
+ .vjs-menu-button.vjs-disabled {
472
+ cursor: default; }
473
+
474
+ .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
475
+ display: none; }
476
+
477
+ .vjs-menu .vjs-menu-content {
478
+ display: block;
479
+ padding: 0;
480
+ margin: 0;
481
+ font-family: Arial, Helvetica, sans-serif;
482
+ overflow: auto;
483
+ box-sizing: content-box; }
484
+
485
+ .vjs-menu .vjs-menu-content > * {
486
+ box-sizing: border-box; }
487
+
488
+ .vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
489
+ display: none; }
490
+
491
+ .vjs-menu li {
492
+ list-style: none;
493
+ margin: 0;
494
+ padding: 0.2em 0;
495
+ line-height: 1.4em;
496
+ font-size: 1.2em;
497
+ text-align: center;
498
+ text-transform: lowercase; }
499
+
500
+ .vjs-menu li.vjs-menu-item:focus,
501
+ .vjs-menu li.vjs-menu-item:hover {
502
+ background-color: #73859f;
503
+ background-color: rgba(115, 133, 159, 0.5); }
504
+
505
+ .vjs-menu li.vjs-selected,
506
+ .vjs-menu li.vjs-selected:focus,
507
+ .vjs-menu li.vjs-selected:hover {
508
+ background-color: #fff;
509
+ color: #2B333F; }
510
+
511
+ .vjs-menu li.vjs-menu-title {
512
+ text-align: center;
513
+ text-transform: uppercase;
514
+ font-size: 1em;
515
+ line-height: 2em;
516
+ padding: 0;
517
+ margin: 0 0 0.3em 0;
518
+ font-weight: bold;
519
+ cursor: default; }
520
+
521
+ .vjs-menu-button-popup .vjs-menu {
522
+ display: none;
523
+ position: absolute;
524
+ bottom: 0;
525
+ width: 10em;
526
+ left: -3em;
527
+ height: 0em;
528
+ margin-bottom: 1.5em;
529
+ border-top-color: rgba(43, 51, 63, 0.7); }
530
+
531
+ .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
532
+ background-color: #2B333F;
533
+ background-color: rgba(43, 51, 63, 0.7);
534
+ position: absolute;
535
+ width: 100%;
536
+ bottom: 1.5em;
537
+ max-height: 15em; }
538
+
539
+ .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
540
+ .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
541
+ display: block; }
542
+
543
+ .video-js .vjs-menu-button-inline {
544
+ -webkit-transition: all 0.4s;
545
+ -moz-transition: all 0.4s;
546
+ -ms-transition: all 0.4s;
547
+ -o-transition: all 0.4s;
548
+ transition: all 0.4s;
549
+ overflow: hidden; }
550
+
551
+ .video-js .vjs-menu-button-inline:before {
552
+ width: 2.222222222em; }
553
+
554
+ .video-js .vjs-menu-button-inline:hover,
555
+ .video-js .vjs-menu-button-inline:focus,
556
+ .video-js .vjs-menu-button-inline.vjs-slider-active,
557
+ .video-js.vjs-no-flex .vjs-menu-button-inline {
558
+ width: 12em; }
559
+
560
+ .vjs-menu-button-inline .vjs-menu {
561
+ opacity: 0;
562
+ height: 100%;
563
+ width: auto;
564
+ position: absolute;
565
+ left: 4em;
566
+ top: 0;
567
+ padding: 0;
568
+ margin: 0;
569
+ -webkit-transition: all 0.4s;
570
+ -moz-transition: all 0.4s;
571
+ -ms-transition: all 0.4s;
572
+ -o-transition: all 0.4s;
573
+ transition: all 0.4s; }
574
+
575
+ .vjs-menu-button-inline:hover .vjs-menu,
576
+ .vjs-menu-button-inline:focus .vjs-menu,
577
+ .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
578
+ display: block;
579
+ opacity: 1; }
580
+
581
+ .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
582
+ display: block;
583
+ opacity: 1;
584
+ position: relative;
585
+ width: auto; }
586
+
587
+ .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
588
+ .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
589
+ .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
590
+ width: auto; }
591
+
592
+ .vjs-menu-button-inline .vjs-menu-content {
593
+ width: auto;
594
+ height: 100%;
595
+ margin: 0;
596
+ overflow: hidden; }
597
+
598
+ .video-js .vjs-control-bar {
599
+ display: none;
600
+ width: 100%;
601
+ position: absolute;
602
+ bottom: 0;
603
+ left: 0;
604
+ right: 0;
605
+ height: 3.0em;
606
+ background-color: #2B333F;
607
+ background-color: rgba(43, 51, 63, 0.7); }
608
+
609
+ .vjs-has-started .vjs-control-bar {
610
+ display: -webkit-box;
611
+ display: -webkit-flex;
612
+ display: -ms-flexbox;
613
+ display: flex;
614
+ visibility: visible;
615
+ opacity: 1;
616
+ -webkit-transition: visibility 0.1s, opacity 0.1s;
617
+ -moz-transition: visibility 0.1s, opacity 0.1s;
618
+ -ms-transition: visibility 0.1s, opacity 0.1s;
619
+ -o-transition: visibility 0.1s, opacity 0.1s;
620
+ transition: visibility 0.1s, opacity 0.1s; }
621
+
622
+ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
623
+ visibility: visible;
624
+ opacity: 0;
625
+ -webkit-transition: visibility 1s, opacity 1s;
626
+ -moz-transition: visibility 1s, opacity 1s;
627
+ -ms-transition: visibility 1s, opacity 1s;
628
+ -o-transition: visibility 1s, opacity 1s;
629
+ transition: visibility 1s, opacity 1s; }
630
+
631
+ .vjs-controls-disabled .vjs-control-bar,
632
+ .vjs-using-native-controls .vjs-control-bar,
633
+ .vjs-error .vjs-control-bar {
634
+ display: none !important; }
635
+
636
+ .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
637
+ opacity: 1;
638
+ visibility: visible; }
639
+
640
+ .vjs-has-started.vjs-no-flex .vjs-control-bar {
641
+ display: table; }
642
+
643
+ .video-js .vjs-control {
644
+ position: relative;
645
+ text-align: center;
646
+ margin: 0;
647
+ padding: 0;
648
+ height: 100%;
649
+ width: 4em;
650
+ -webkit-box-flex: none;
651
+ -moz-box-flex: none;
652
+ -webkit-flex: none;
653
+ -ms-flex: none;
654
+ flex: none; }
655
+
656
+ .vjs-button > .vjs-icon-placeholder:before {
657
+ font-size: 1.8em;
658
+ line-height: 1.67; }
659
+
660
+ .video-js .vjs-control:focus:before,
661
+ .video-js .vjs-control:hover:before,
662
+ .video-js .vjs-control:focus {
663
+ text-shadow: 0em 0em 1em white; }
664
+
665
+ .video-js .vjs-control-text {
666
+ border: 0;
667
+ clip: rect(0 0 0 0);
668
+ height: 1px;
669
+ overflow: hidden;
670
+ padding: 0;
671
+ position: absolute;
672
+ width: 1px; }
673
+
674
+ .vjs-no-flex .vjs-control {
675
+ display: table-cell;
676
+ vertical-align: middle; }
677
+
678
+ .video-js .vjs-custom-control-spacer {
679
+ display: none; }
680
+
681
+ .video-js .vjs-progress-control {
682
+ cursor: pointer;
683
+ -webkit-box-flex: auto;
684
+ -moz-box-flex: auto;
685
+ -webkit-flex: auto;
686
+ -ms-flex: auto;
687
+ flex: auto;
688
+ display: -webkit-box;
689
+ display: -webkit-flex;
690
+ display: -ms-flexbox;
691
+ display: flex;
692
+ -webkit-box-align: center;
693
+ -webkit-align-items: center;
694
+ -ms-flex-align: center;
695
+ align-items: center;
696
+ min-width: 4em;
697
+ overflow: hidden; }
698
+
699
+ .video-js .vjs-progress-control.disabled {
700
+ cursor: default; }
701
+
702
+ .vjs-live .vjs-progress-control {
703
+ display: none; }
704
+
705
+ .vjs-no-flex .vjs-progress-control {
706
+ width: auto; }
707
+
708
+ .video-js .vjs-progress-holder {
709
+ -webkit-box-flex: auto;
710
+ -moz-box-flex: auto;
711
+ -webkit-flex: auto;
712
+ -ms-flex: auto;
713
+ flex: auto;
714
+ -webkit-transition: all 0.2s;
715
+ -moz-transition: all 0.2s;
716
+ -ms-transition: all 0.2s;
717
+ -o-transition: all 0.2s;
718
+ transition: all 0.2s;
719
+ height: 0.3em; }
720
+
721
+ .video-js .vjs-progress-control .vjs-progress-holder {
722
+ margin: 0 10px; }
723
+
724
+ .video-js .vjs-progress-control:hover .vjs-progress-holder {
725
+ font-size: 1.666666666666666666em; }
726
+
727
+ .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
728
+ font-size: 1em; }
729
+
730
+ .video-js .vjs-progress-holder .vjs-play-progress,
731
+ .video-js .vjs-progress-holder .vjs-load-progress,
732
+ .video-js .vjs-progress-holder .vjs-load-progress div {
733
+ position: absolute;
734
+ display: block;
735
+ height: 100%;
736
+ margin: 0;
737
+ padding: 0;
738
+ width: 0;
739
+ left: 0;
740
+ top: 0; }
741
+
742
+ .video-js .vjs-play-progress {
743
+ background-color: #fff; }
744
+ .video-js .vjs-play-progress:before {
745
+ font-size: 0.9em;
746
+ position: absolute;
747
+ right: -0.5em;
748
+ top: -0.333333333333333em;
749
+ z-index: 1; }
750
+
751
+ .video-js .vjs-load-progress {
752
+ background: #bfc7d3;
753
+ background: rgba(115, 133, 159, 0.5); }
754
+
755
+ .video-js .vjs-load-progress div {
756
+ background: white;
757
+ background: rgba(115, 133, 159, 0.75); }
758
+
759
+ .video-js .vjs-time-tooltip {
760
+ background-color: #fff;
761
+ background-color: rgba(255, 255, 255, 0.8);
762
+ -webkit-border-radius: 0.3em;
763
+ -moz-border-radius: 0.3em;
764
+ border-radius: 0.3em;
765
+ color: #000;
766
+ float: right;
767
+ font-family: Arial, Helvetica, sans-serif;
768
+ font-size: 1em;
769
+ padding: 6px 8px 8px 8px;
770
+ pointer-events: none;
771
+ position: relative;
772
+ top: -3.4em;
773
+ visibility: hidden;
774
+ z-index: 1; }
775
+
776
+ .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
777
+ display: none; }
778
+
779
+ .video-js .vjs-progress-control:hover .vjs-time-tooltip,
780
+ .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
781
+ display: block;
782
+ font-size: 0.6em;
783
+ visibility: visible; }
784
+
785
+ .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
786
+ font-size: 1em; }
787
+
788
+ .video-js .vjs-progress-control .vjs-mouse-display {
789
+ display: none;
790
+ position: absolute;
791
+ width: 1px;
792
+ height: 100%;
793
+ background-color: #000;
794
+ z-index: 1; }
795
+
796
+ .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
797
+ z-index: 0; }
798
+
799
+ .video-js .vjs-progress-control:hover .vjs-mouse-display {
800
+ display: block; }
801
+
802
+ .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
803
+ visibility: hidden;
804
+ opacity: 0;
805
+ -webkit-transition: visibility 1s, opacity 1s;
806
+ -moz-transition: visibility 1s, opacity 1s;
807
+ -ms-transition: visibility 1s, opacity 1s;
808
+ -o-transition: visibility 1s, opacity 1s;
809
+ transition: visibility 1s, opacity 1s; }
810
+
811
+ .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
812
+ display: none; }
813
+
814
+ .vjs-mouse-display .vjs-time-tooltip {
815
+ color: #fff;
816
+ background-color: #000;
817
+ background-color: rgba(0, 0, 0, 0.8); }
818
+
819
+ .video-js .vjs-slider {
820
+ position: relative;
821
+ cursor: pointer;
822
+ padding: 0;
823
+ margin: 0 0.45em 0 0.45em;
824
+ /* iOS Safari */
825
+ -webkit-touch-callout: none;
826
+ /* Safari */
827
+ -webkit-user-select: none;
828
+ /* Konqueror HTML */
829
+ -khtml-user-select: none;
830
+ /* Firefox */
831
+ -moz-user-select: none;
832
+ /* Internet Explorer/Edge */
833
+ -ms-user-select: none;
834
+ /* Non-prefixed version, currently supported by Chrome and Opera */
835
+ user-select: none;
836
+ background-color: #73859f;
837
+ background-color: rgba(115, 133, 159, 0.5); }
838
+
839
+ .video-js .vjs-slider.disabled {
840
+ cursor: default; }
841
+
842
+ .video-js .vjs-slider:focus {
843
+ text-shadow: 0em 0em 1em white;
844
+ -webkit-box-shadow: 0 0 1em #fff;
845
+ -moz-box-shadow: 0 0 1em #fff;
846
+ box-shadow: 0 0 1em #fff; }
847
+
848
+ .video-js .vjs-mute-control {
849
+ cursor: pointer;
850
+ -webkit-box-flex: none;
851
+ -moz-box-flex: none;
852
+ -webkit-flex: none;
853
+ -ms-flex: none;
854
+ flex: none;
855
+ padding-left: 2em;
856
+ padding-right: 2em;
857
+ padding-bottom: 3em; }
858
+
859
+ .video-js .vjs-volume-control {
860
+ cursor: pointer;
861
+ margin-right: 1em;
862
+ display: -webkit-box;
863
+ display: -webkit-flex;
864
+ display: -ms-flexbox;
865
+ display: flex; }
866
+
867
+ .video-js .vjs-volume-control.vjs-volume-horizontal {
868
+ width: 5em; }
869
+
870
+ .video-js .vjs-volume-panel .vjs-volume-control {
871
+ visibility: visible;
872
+ opacity: 0;
873
+ width: 1px;
874
+ height: 1px;
875
+ margin-left: -1px; }
876
+
877
+ .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
878
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
879
+ .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
880
+ .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
881
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
882
+
883
+ .video-js .vjs-volume-panel.enable-volume-control {
884
+ -webkit-transition: width 1s;
885
+ -moz-transition: width 1s;
886
+ -ms-transition: width 1s;
887
+ -o-transition: width 1s;
888
+ transition: width 1s; }
889
+ .video-js .vjs-volume-panel.enable-volume-control:hover .vjs-volume-control,
890
+ .video-js .vjs-volume-panel.enable-volume-control:active .vjs-volume-control,
891
+ .video-js .vjs-volume-panel.enable-volume-control:focus .vjs-volume-control,
892
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:hover,
893
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:active,
894
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:focus,
895
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:hover ~ .vjs-volume-control,
896
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:active ~ .vjs-volume-control,
897
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:focus ~ .vjs-volume-control,
898
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control.vjs-slider-active {
899
+ visibility: visible;
900
+ opacity: 1;
901
+ -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
902
+ -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
903
+ -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
904
+ -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
905
+ transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
906
+ .video-js .vjs-volume-panel.enable-volume-control:hover .vjs-volume-control.vjs-volume-horizontal,
907
+ .video-js .vjs-volume-panel.enable-volume-control:active .vjs-volume-control.vjs-volume-horizontal,
908
+ .video-js .vjs-volume-panel.enable-volume-control:focus .vjs-volume-control.vjs-volume-horizontal,
909
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:hover.vjs-volume-horizontal,
910
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:active.vjs-volume-horizontal,
911
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:focus.vjs-volume-horizontal,
912
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
913
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-horizontal,
914
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-horizontal,
915
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
916
+ width: 5em;
917
+ height: 3em;
918
+ position: relative; }
919
+ .video-js .vjs-volume-panel.enable-volume-control:hover .vjs-volume-control.vjs-volume-vertical,
920
+ .video-js .vjs-volume-panel.enable-volume-control:active .vjs-volume-control.vjs-volume-vertical,
921
+ .video-js .vjs-volume-panel.enable-volume-control:focus .vjs-volume-control.vjs-volume-vertical,
922
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:hover.vjs-volume-vertical,
923
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:active.vjs-volume-vertical,
924
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:focus.vjs-volume-vertical,
925
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
926
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical,
927
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical,
928
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
929
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
930
+ .video-js .vjs-volume-panel.enable-volume-control:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
931
+ .video-js .vjs-volume-panel.enable-volume-control:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
932
+ .video-js .vjs-volume-panel.enable-volume-control:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
933
+ .video-js .vjs-volume-panel.enable-volume-control:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
934
+ .video-js .vjs-volume-panel.enable-volume-control:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
935
+ .video-js .vjs-volume-panel.enable-volume-control:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
936
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
937
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
938
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
939
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
940
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-bar,
941
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-level,
942
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
943
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
944
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
945
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
946
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
947
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
948
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
949
+ .video-js .vjs-volume-panel.enable-volume-control .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
950
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
951
+ .video-js .vjs-volume-panel.enable-volume-control.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.enable-volume-control.vjs-volume-panel-horizontal:focus, .video-js .vjs-volume-panel.enable-volume-control.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.enable-volume-control.vjs-volume-panel-horizontal.vjs-slider-active {
952
+ width: 9em;
953
+ -webkit-transition: width 0.1s;
954
+ -moz-transition: width 0.1s;
955
+ -ms-transition: width 0.1s;
956
+ -o-transition: width 0.1s;
957
+ transition: width 0.1s; }
958
+
959
+ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
960
+ height: 8em;
961
+ width: 3em;
962
+ left: -3.5em;
963
+ -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
964
+ -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
965
+ -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
966
+ -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
967
+ transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
968
+
969
+ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
970
+ -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
971
+ -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
972
+ -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
973
+ -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
974
+ transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
975
+
976
+ .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
977
+ width: 5em;
978
+ height: 3em;
979
+ visibility: visible;
980
+ opacity: 1;
981
+ position: relative;
982
+ -webkit-transition: none;
983
+ -moz-transition: none;
984
+ -ms-transition: none;
985
+ -o-transition: none;
986
+ transition: none; }
987
+
988
+ .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
989
+ .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
990
+ position: absolute;
991
+ bottom: 3em;
992
+ left: 0.5em; }
993
+
994
+ .video-js .vjs-volume-panel {
995
+ display: -webkit-box;
996
+ display: -webkit-flex;
997
+ display: -ms-flexbox;
998
+ display: flex; }
999
+
1000
+ .video-js .vjs-volume-bar {
1001
+ margin: 1.35em 0.45em; }
1002
+
1003
+ .vjs-volume-bar.vjs-slider-horizontal {
1004
+ width: 5em;
1005
+ height: 0.3em; }
1006
+
1007
+ .vjs-volume-bar.vjs-slider-vertical {
1008
+ width: 0.3em;
1009
+ height: 5em;
1010
+ margin: 1.35em auto; }
1011
+
1012
+ .video-js .vjs-volume-level {
1013
+ position: absolute;
1014
+ bottom: 0;
1015
+ left: 0;
1016
+ background-color: #fff; }
1017
+ .video-js .vjs-volume-level:before {
1018
+ position: absolute;
1019
+ font-size: 0.9em; }
1020
+
1021
+ .vjs-slider-vertical .vjs-volume-level {
1022
+ width: 0.3em; }
1023
+ .vjs-slider-vertical .vjs-volume-level:before {
1024
+ top: -0.5em;
1025
+ left: -0.3em; }
1026
+
1027
+ .vjs-slider-horizontal .vjs-volume-level {
1028
+ height: 0.3em; }
1029
+ .vjs-slider-horizontal .vjs-volume-level:before {
1030
+ top: -0.3em;
1031
+ right: -0.5em; }
1032
+
1033
+ .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
1034
+ width: 4em; }
1035
+
1036
+ .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
1037
+ height: 100%; }
1038
+
1039
+ .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
1040
+ width: 100%; }
1041
+
1042
+ .video-js .vjs-volume-vertical {
1043
+ width: 3em;
1044
+ height: 8em;
1045
+ bottom: 8em;
1046
+ background-color: #2B333F;
1047
+ background-color: rgba(43, 51, 63, 0.7); }
1048
+
1049
+ .video-js .vjs-volume-horizontal .vjs-menu {
1050
+ left: -2em; }
1051
+
1052
+ .vjs-poster {
1053
+ display: inline-block;
1054
+ vertical-align: middle;
1055
+ background-repeat: no-repeat;
1056
+ background-position: 50% 50%;
1057
+ background-size: contain;
1058
+ background-color: #000000;
1059
+ cursor: pointer;
1060
+ margin: 0;
1061
+ padding: 0;
1062
+ position: absolute;
1063
+ top: 0;
1064
+ right: 0;
1065
+ bottom: 0;
1066
+ left: 0;
1067
+ height: 100%; }
1068
+
1069
+ .vjs-poster img {
1070
+ display: block;
1071
+ vertical-align: middle;
1072
+ margin: 0 auto;
1073
+ max-height: 100%;
1074
+ padding: 0;
1075
+ width: 100%; }
1076
+
1077
+ .vjs-has-started .vjs-poster {
1078
+ display: none; }
1079
+
1080
+ .vjs-audio.vjs-has-started .vjs-poster {
1081
+ display: block; }
1082
+
1083
+ .vjs-using-native-controls .vjs-poster {
1084
+ display: none; }
1085
+
1086
+ .video-js .vjs-live-control {
1087
+ display: -webkit-box;
1088
+ display: -webkit-flex;
1089
+ display: -ms-flexbox;
1090
+ display: flex;
1091
+ -webkit-box-align: flex-start;
1092
+ -webkit-align-items: flex-start;
1093
+ -ms-flex-align: flex-start;
1094
+ align-items: flex-start;
1095
+ -webkit-box-flex: auto;
1096
+ -moz-box-flex: auto;
1097
+ -webkit-flex: auto;
1098
+ -ms-flex: auto;
1099
+ flex: auto;
1100
+ font-size: 1em;
1101
+ line-height: 3em; }
1102
+
1103
+ .vjs-no-flex .vjs-live-control {
1104
+ display: table-cell;
1105
+ width: auto;
1106
+ text-align: left; }
1107
+
1108
+ .video-js .vjs-time-control {
1109
+ -webkit-box-flex: none;
1110
+ -moz-box-flex: none;
1111
+ -webkit-flex: none;
1112
+ -ms-flex: none;
1113
+ flex: none;
1114
+ font-size: 1em;
1115
+ line-height: 3em;
1116
+ min-width: 2em;
1117
+ width: auto;
1118
+ padding-left: 1em;
1119
+ padding-right: 1em; }
1120
+
1121
+ .vjs-live .vjs-time-control {
1122
+ display: none; }
1123
+
1124
+ .video-js .vjs-current-time,
1125
+ .vjs-no-flex .vjs-current-time {
1126
+ display: none; }
1127
+
1128
+ .vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
1129
+ width: 0px !important;
1130
+ white-space: nowrap; }
1131
+
1132
+ .video-js .vjs-duration,
1133
+ .vjs-no-flex .vjs-duration {
1134
+ display: none; }
1135
+
1136
+ .vjs-time-divider {
1137
+ display: none;
1138
+ line-height: 3em; }
1139
+
1140
+ .vjs-live .vjs-time-divider {
1141
+ display: none; }
1142
+
1143
+ .video-js .vjs-play-control .vjs-icon-placeholder {
1144
+ cursor: pointer;
1145
+ -webkit-box-flex: none;
1146
+ -moz-box-flex: none;
1147
+ -webkit-flex: none;
1148
+ -ms-flex: none;
1149
+ flex: none; }
1150
+
1151
+ .vjs-text-track-display {
1152
+ position: absolute;
1153
+ bottom: 3em;
1154
+ left: 0;
1155
+ right: 0;
1156
+ top: 0;
1157
+ pointer-events: none; }
1158
+
1159
+ .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
1160
+ bottom: 1em; }
1161
+
1162
+ .video-js .vjs-text-track {
1163
+ font-size: 1.4em;
1164
+ text-align: center;
1165
+ margin-bottom: 0.1em;
1166
+ background-color: #000;
1167
+ background-color: rgba(0, 0, 0, 0.5); }
1168
+
1169
+ .vjs-subtitles {
1170
+ color: #fff; }
1171
+
1172
+ .vjs-captions {
1173
+ color: #fc6; }
1174
+
1175
+ .vjs-tt-cue {
1176
+ display: block; }
1177
+
1178
+ video::-webkit-media-text-track-display {
1179
+ -moz-transform: translateY(-3em);
1180
+ -ms-transform: translateY(-3em);
1181
+ -o-transform: translateY(-3em);
1182
+ -webkit-transform: translateY(-3em);
1183
+ transform: translateY(-3em); }
1184
+
1185
+ .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
1186
+ -moz-transform: translateY(-1.5em);
1187
+ -ms-transform: translateY(-1.5em);
1188
+ -o-transform: translateY(-1.5em);
1189
+ -webkit-transform: translateY(-1.5em);
1190
+ transform: translateY(-1.5em); }
1191
+
1192
+ .video-js .vjs-fullscreen-control {
1193
+ cursor: pointer;
1194
+ -webkit-box-flex: none;
1195
+ -moz-box-flex: none;
1196
+ -webkit-flex: none;
1197
+ -ms-flex: none;
1198
+ flex: none; }
1199
+
1200
+ .vjs-live .vjs-playback-rate {
1201
+ display: none; }
1202
+
1203
+ .vjs-playback-rate > .vjs-menu-button,
1204
+ .vjs-playback-rate .vjs-playback-rate-value {
1205
+ position: absolute;
1206
+ top: 0;
1207
+ left: 0;
1208
+ width: 100%;
1209
+ height: 100%; }
1210
+
1211
+ .vjs-playback-rate .vjs-playback-rate-value {
1212
+ pointer-events: none;
1213
+ font-size: 1.5em;
1214
+ line-height: 2;
1215
+ text-align: center; }
1216
+
1217
+ .vjs-playback-rate .vjs-menu {
1218
+ width: 4em;
1219
+ left: 0em; }
1220
+
1221
+ .vjs-error .vjs-error-display .vjs-modal-dialog-content {
1222
+ font-size: 1.4em;
1223
+ text-align: center; }
1224
+
1225
+ .vjs-error .vjs-error-display:before {
1226
+ color: #fff;
1227
+ content: 'X';
1228
+ font-family: Arial, Helvetica, sans-serif;
1229
+ font-size: 4em;
1230
+ left: 0;
1231
+ line-height: 1;
1232
+ margin-top: -0.5em;
1233
+ position: absolute;
1234
+ text-shadow: 0.05em 0.05em 0.1em #000;
1235
+ text-align: center;
1236
+ top: 50%;
1237
+ vertical-align: middle;
1238
+ width: 100%; }
1239
+
1240
+ .vjs-error .vjs-error-check-network {
1241
+ color: white;
1242
+ text-decoration: none;
1243
+ background: red;
1244
+ padding: 5px;
1245
+ display: inline-block;
1246
+ border-radius: 5px; }
1247
+
1248
+ .vjs-loading-spinner {
1249
+ display: none;
1250
+ position: absolute;
1251
+ top: 50%;
1252
+ left: 50%;
1253
+ margin: -25px 0 0 -25px;
1254
+ opacity: 0.85;
1255
+ text-align: left;
1256
+ border: 6px solid rgba(43, 51, 63, 0.7);
1257
+ box-sizing: border-box;
1258
+ background-clip: padding-box;
1259
+ width: 50px;
1260
+ height: 50px;
1261
+ border-radius: 25px;
1262
+ visibility: hidden; }
1263
+
1264
+ .vjs-seeking .vjs-loading-spinner,
1265
+ .vjs-waiting .vjs-loading-spinner {
1266
+ display: block;
1267
+ animation: 0s linear 0.3s forwards vjs-spinner-show; }
1268
+
1269
+ .vjs-loading-spinner:before,
1270
+ .vjs-loading-spinner:after {
1271
+ content: "";
1272
+ position: absolute;
1273
+ margin: -6px;
1274
+ box-sizing: inherit;
1275
+ width: inherit;
1276
+ height: inherit;
1277
+ border-radius: inherit;
1278
+ opacity: 1;
1279
+ border: inherit;
1280
+ border-color: transparent;
1281
+ border-top-color: white; }
1282
+
1283
+ .vjs-seeking .vjs-loading-spinner:before,
1284
+ .vjs-seeking .vjs-loading-spinner:after,
1285
+ .vjs-waiting .vjs-loading-spinner:before,
1286
+ .vjs-waiting .vjs-loading-spinner:after {
1287
+ -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
1288
+ animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
1289
+
1290
+ .vjs-seeking .vjs-loading-spinner:before,
1291
+ .vjs-waiting .vjs-loading-spinner:before {
1292
+ border-top-color: white; }
1293
+
1294
+ .vjs-seeking .vjs-loading-spinner:after,
1295
+ .vjs-waiting .vjs-loading-spinner:after {
1296
+ border-top-color: white;
1297
+ -webkit-animation-delay: 0.44s;
1298
+ animation-delay: 0.44s; }
1299
+
1300
+ @keyframes vjs-spinner-show {
1301
+ to {
1302
+ visibility: visible; } }
1303
+
1304
+ @-webkit-keyframes vjs-spinner-show {
1305
+ to {
1306
+ visibility: visible; } }
1307
+
1308
+ @keyframes vjs-spinner-spin {
1309
+ 100% {
1310
+ transform: rotate(360deg); } }
1311
+
1312
+ @-webkit-keyframes vjs-spinner-spin {
1313
+ 100% {
1314
+ -webkit-transform: rotate(360deg); } }
1315
+
1316
+ @keyframes vjs-spinner-fade {
1317
+ 0% {
1318
+ border-top-color: #73859f; }
1319
+ 20% {
1320
+ border-top-color: #73859f; }
1321
+ 35% {
1322
+ border-top-color: white; }
1323
+ 60% {
1324
+ border-top-color: #73859f; }
1325
+ 100% {
1326
+ border-top-color: #73859f; } }
1327
+
1328
+ @-webkit-keyframes vjs-spinner-fade {
1329
+ 0% {
1330
+ border-top-color: #73859f; }
1331
+ 20% {
1332
+ border-top-color: #73859f; }
1333
+ 35% {
1334
+ border-top-color: white; }
1335
+ 60% {
1336
+ border-top-color: #73859f; }
1337
+ 100% {
1338
+ border-top-color: #73859f; } }
1339
+
1340
+ .vjs-chapters-button .vjs-menu ul {
1341
+ width: 24em; }
1342
+
1343
+ .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
1344
+ position: absolute; }
1345
+
1346
+ .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
1347
+ font-family: VideoJS;
1348
+ content: "\f10d";
1349
+ font-size: 1.5em;
1350
+ line-height: inherit; }
1351
+
1352
+ .video-js .vjs-audio-button .vjs-icon-placeholder:before {
1353
+ content: "";
1354
+ background: url(https://tcplayer-1306264703.cos.ap-nanjing.myqcloud.com/assets/audioTrack.png);
1355
+ background-size: contain;
1356
+ width: 23px;
1357
+ height: 15px;
1358
+ top: 10px;
1359
+ left: 15px; }
1360
+
1361
+ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
1362
+ -webkit-box-flex: auto;
1363
+ -moz-box-flex: auto;
1364
+ -webkit-flex: auto;
1365
+ -ms-flex: auto;
1366
+ flex: auto; }
1367
+
1368
+ .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
1369
+ width: auto; }
1370
+
1371
+ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
1372
+ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
1373
+ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
1374
+ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
1375
+ .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
1376
+ display: none; }
1377
+
1378
+ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
1379
+ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
1380
+ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
1381
+ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
1382
+ .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
1383
+ display: none; }
1384
+
1385
+ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
1386
+ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
1387
+ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
1388
+ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
1389
+ .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
1390
+ display: none; }
1391
+
1392
+ .vjs-modal-dialog.vjs-text-track-settings {
1393
+ background-color: #2B333F;
1394
+ background-color: rgba(43, 51, 63, 0.75);
1395
+ color: #fff;
1396
+ height: 70%; }
1397
+
1398
+ .vjs-text-track-settings .vjs-modal-dialog-content {
1399
+ display: table; }
1400
+
1401
+ .vjs-text-track-settings .vjs-track-settings-colors,
1402
+ .vjs-text-track-settings .vjs-track-settings-font,
1403
+ .vjs-text-track-settings .vjs-track-settings-controls {
1404
+ display: table-cell; }
1405
+
1406
+ .vjs-text-track-settings .vjs-track-settings-controls {
1407
+ text-align: right;
1408
+ vertical-align: bottom; }
1409
+
1410
+ .vjs-text-track-settings fieldset {
1411
+ margin: 5px;
1412
+ padding: 3px;
1413
+ border: none; }
1414
+
1415
+ .vjs-text-track-settings fieldset span {
1416
+ display: inline-block;
1417
+ margin-left: 5px; }
1418
+
1419
+ .vjs-text-track-settings legend {
1420
+ color: #fff;
1421
+ margin: 0 0 5px 0; }
1422
+
1423
+ .vjs-text-track-settings .vjs-label {
1424
+ position: absolute;
1425
+ clip: rect(1px 1px 1px 1px);
1426
+ clip: rect(1px, 1px, 1px, 1px);
1427
+ display: block;
1428
+ margin: 0 0 5px 0;
1429
+ padding: 0;
1430
+ border: 0;
1431
+ height: 1px;
1432
+ width: 1px;
1433
+ overflow: hidden; }
1434
+
1435
+ .vjs-track-settings-controls button:focus,
1436
+ .vjs-track-settings-controls button:active {
1437
+ outline-style: solid;
1438
+ outline-width: medium;
1439
+ background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
1440
+
1441
+ .vjs-track-settings-controls button:hover {
1442
+ color: rgba(43, 51, 63, 0.75); }
1443
+
1444
+ .vjs-track-settings-controls button {
1445
+ background-color: #fff;
1446
+ background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
1447
+ color: #2B333F;
1448
+ cursor: pointer;
1449
+ border-radius: 2px; }
1450
+
1451
+ .vjs-track-settings-controls .vjs-default-button {
1452
+ margin-right: 1em; }
1453
+
1454
+ @media print {
1455
+ .video-js > *:not(.vjs-tech):not(.vjs-poster) {
1456
+ visibility: hidden; } }
1457
+
1458
+ div.vjs-control.vjs-button.tcp-dot-component {
1459
+ width: 100%; }
1460
+
1461
+ .vjs-progress-control:hover .tcp-dot-basic-style {
1462
+ display: inline; }
1463
+
1464
+ .tcp-dot-basic-style {
1465
+ position: absolute;
1466
+ width: 8px;
1467
+ height: 100%;
1468
+ margin-left: -4px;
1469
+ border-radius: 5px;
1470
+ background-color: #fff0ff;
1471
+ z-index: 10;
1472
+ display: none; }
1473
+
1474
+ .tcp-dot-basic-style:hover {
1475
+ background-color: white; }
1476
+
1477
+ .tcp-triangle {
1478
+ display: block;
1479
+ content: ' ';
1480
+ position: absolute;
1481
+ bottom: -10px;
1482
+ left: 5%;
1483
+ width: 0;
1484
+ height: 0;
1485
+ border-width: 5px;
1486
+ border-style: solid;
1487
+ transform: translateX(-50%);
1488
+ border-color: black transparent transparent; }
1489
+
1490
+ .tcp-triangle-both {
1491
+ display: block;
1492
+ content: ' ';
1493
+ position: absolute;
1494
+ bottom: -10px;
1495
+ left: 70px;
1496
+ width: 0;
1497
+ height: 0;
1498
+ border-width: 5px;
1499
+ border-style: solid;
1500
+ transform: translateX(-50%);
1501
+ border-color: black transparent transparent; }
1502
+
1503
+ .tcp-dot-image {
1504
+ width: 100%;
1505
+ height: 80px;
1506
+ background-repeat: no-repeat;
1507
+ background-size: 100% 100%;
1508
+ -moz-background-size: 100% 100%; }
1509
+
1510
+ .tcp-image-in-container {
1511
+ width: 100%;
1512
+ height: 100%;
1513
+ height: -webkit-fill-available;
1514
+ height: -webkit-fill-available;
1515
+ height: -moz-fill-available;
1516
+ height: -moz-available;
1517
+ /* FireFox目前这个生效 */
1518
+ height: fill-available; }
1519
+
1520
+ .tcp-image-in-container-only-image {
1521
+ width: 100%;
1522
+ height: 80px; }
1523
+
1524
+ .vjs-time-tooltip.tcp-popup-container {
1525
+ position: absolute;
1526
+ width: 140px;
1527
+ height: 118px;
1528
+ background-color: black;
1529
+ padding: 0px 0px;
1530
+ top: -125px;
1531
+ max-height: 120px;
1532
+ left: -65px; }
1533
+
1534
+ .vjs-time-tooltip.tcp-popup-container.tcp-only-gif {
1535
+ position: absolute;
1536
+ width: 140px;
1537
+ height: 80px;
1538
+ background-color: black;
1539
+ padding: 0px 0px;
1540
+ top: -87px;
1541
+ max-height: 120px;
1542
+ left: -65px; }
1543
+
1544
+ .vjs-time-tooltip.tcp-popup-container.tcp-single-line {
1545
+ height: 103px;
1546
+ top: -109px; }
1547
+
1548
+ .vjs-time-tooltip.tcp-popup-container.tcp-without-gif {
1549
+ position: absolute;
1550
+ width: 110px;
1551
+ height: 54px;
1552
+ background-color: black;
1553
+ opacity: 0.8;
1554
+ padding: 0px 0px;
1555
+ top: -60px;
1556
+ border-radius: 5px;
1557
+ left: 0px; }
1558
+
1559
+ .vjs-time-tooltip.tcp-popup-container.tcp-without-gif.tcp-single-line {
1560
+ height: 23px;
1561
+ top: -28px; }
1562
+
1563
+ .vjs-time-tooltip.tcp-popup-container.tcp-without-gif.tcp-two-lines {
1564
+ height: 38px;
1565
+ top: -44px; }
1566
+
1567
+ .tcp-dot-comment {
1568
+ text-overflow: ellipsis;
1569
+ color: white;
1570
+ width: 100%;
1571
+ height: 38px;
1572
+ max-height: 38px;
1573
+ font-size: 12px;
1574
+ line-height: 16px;
1575
+ overflow: hidden;
1576
+ background-color: black;
1577
+ display: -webkit-box;
1578
+ -webkit-box-orient: vertical;
1579
+ -webkit-line-clamp: 2;
1580
+ padding: 5px 8px; }
1581
+
1582
+ .tcp-large-comment {
1583
+ text-overflow: ellipsis;
1584
+ color: white;
1585
+ width: 100%;
1586
+ height: 100%;
1587
+ max-height: 100%;
1588
+ font-size: 12px;
1589
+ line-height: 16px;
1590
+ overflow: hidden;
1591
+ display: -webkit-box;
1592
+ -webkit-box-orient: vertical;
1593
+ -webkit-line-clamp: 3;
1594
+ padding: 5px 8px; }
1595
+
1596
+ .tcp-dot-timestamp {
1597
+ display: block;
1598
+ font-weight: bold;
1599
+ width: 100%;
1600
+ height: 20px;
1601
+ text-align: left;
1602
+ bottom: 0px;
1603
+ position: absolute;
1604
+ color: white;
1605
+ margin-left: 10px; }
1606
+
1607
+ .vjs-dvr .tcp-dvr-progress-control .tcp-dvr-time-shift {
1608
+ background-color: transparent; }
1609
+
1610
+ .vjs-dvr .vjs-progress-control {
1611
+ display: -webkit-box;
1612
+ display: -webkit-flex;
1613
+ display: -ms-flexbox;
1614
+ display: flex; }
1615
+
1616
+ .vjs-dvr .vjs-live-control {
1617
+ flex: inherit;
1618
+ cursor: pointer; }
1619
+
1620
+ .vjs-dvr .vjs-live-control .vjs-tooltip {
1621
+ line-height: 1em; }
1622
+
1623
+ .vjs-dvr-live .vjs-live-control .vjs-tooltip {
1624
+ display: none; }
1625
+
1626
+ .vjs-dvr-live .vjs-live-control {
1627
+ cursor: default; }
1628
+
1629
+ .vjs-dvr .vjs-live-display {
1630
+ margin: 0 auto; }
1631
+
1632
+ .vjs-live .vjs-live-display:before {
1633
+ display: inline-block;
1634
+ width: 6px;
1635
+ height: 6px;
1636
+ margin-right: .4em;
1637
+ vertical-align: 4%;
1638
+ background: #f51717;
1639
+ content: '';
1640
+ border-radius: 50%; }
1641
+
1642
+ .vjs-dvr:not(.vjs-dvr-live) .vjs-live-display:before {
1643
+ background: #566377; }
1644
+
1645
+ .tcp-video-quality-switcher .tcp-quality-switcher-value {
1646
+ pointer-events: none;
1647
+ font-size: 1.2em;
1648
+ display: table;
1649
+ text-align: center;
1650
+ position: absolute;
1651
+ top: 0;
1652
+ left: 0;
1653
+ width: 100%;
1654
+ height: 100%; }
1655
+ .tcp-video-quality-switcher .tcp-quality-switcher-value p {
1656
+ display: table-cell;
1657
+ vertical-align: middle; }
1658
+
1659
+ .tcp-video-quality-switcher .vjs-menu {
1660
+ width: 6em;
1661
+ left: 50%;
1662
+ -webkit-transform: translate3d(-50%, 0, 0);
1663
+ transform: translate3d(-50%, 0, 0); }
1664
+
1665
+ .tcp-video-quality-switcher .vjs-menu li {
1666
+ text-transform: none; }
1667
+
1668
+ .tcp-skin .tcp-logo {
1669
+ position: absolute; }
1670
+ .tcp-skin .tcp-logo.left-top {
1671
+ top: 0;
1672
+ left: 0; }
1673
+ .tcp-skin .tcp-logo.left-bottom {
1674
+ bottom: 0;
1675
+ left: 0; }
1676
+ .tcp-skin .tcp-logo.right-top {
1677
+ top: 0;
1678
+ right: 0; }
1679
+ .tcp-skin .tcp-logo.right-bottom {
1680
+ bottom: 0;
1681
+ right: 0; }
1682
+ .tcp-skin .tcp-logo .tcp-logo-link {
1683
+ display: inline-block; }
1684
+
1685
+ .tcp-skin {
1686
+ /* only audio style*/ }
1687
+ .tcp-skin .vjs-big-play-button {
1688
+ height: 4.8em;
1689
+ width: 6.8em;
1690
+ left: 50%;
1691
+ top: 50%;
1692
+ margin-left: -3.4em;
1693
+ margin-top: -2.4em;
1694
+ font-size: 1em;
1695
+ border: 0;
1696
+ opacity: 1;
1697
+ z-index: 1; }
1698
+ .tcp-skin .vjs-big-play-button:before {
1699
+ content: none; }
1700
+ .tcp-skin .vjs-big-play-button .vjs-button-icon {
1701
+ height: 4.8em;
1702
+ width: 6.8em;
1703
+ fill: rgba(33, 33, 33, 0.5); }
1704
+ .tcp-skin .vjs-big-play-button .vjs-button-icon .draw-line,
1705
+ .tcp-skin .vjs-big-play-button .vjs-button-icon .draw-lines,
1706
+ .tcp-skin .vjs-big-play-button .vjs-button-icon .draw-dash {
1707
+ stroke-dasharray: 1330px;
1708
+ stroke-dashoffset: 1330px;
1709
+ stroke-linecap: round;
1710
+ stroke-linejoin: round;
1711
+ stroke-width: 8px;
1712
+ stroke: #00a4ff; }
1713
+ .tcp-skin .vjs-big-play-button:hover .vjs-button-icon .draw-fill {
1714
+ fill: #00a4ff; }
1715
+ .tcp-skin .vjs-big-play-button:hover .vjs-button-icon .draw-line {
1716
+ -webkit-animation: draw-line .5s ease forwards;
1717
+ animation: draw-line .5s ease forwards; }
1718
+ .tcp-skin .vjs-big-play-button:hover .vjs-button-icon .draw-lines {
1719
+ -webkit-animation: draw-lines 1s ease forwards;
1720
+ animation: draw-lines 1s ease forwards; }
1721
+ .tcp-skin .vjs-big-play-button:hover .vjs-button-icon .draw-dash {
1722
+ -webkit-animation: draw-dash 1s ease forwards;
1723
+ animation: draw-dash 1s ease forwards; }
1724
+ .tcp-skin .vjs-big-play-button .vjs-icon-placeholder {
1725
+ display: none; }
1726
+ .tcp-skin .vjs-big-play-button,
1727
+ .tcp-skin .vjs-big-play-button:focus, .tcp-skin:hover .vjs-big-play-button,
1728
+ .tcp-skin:hover .vjs-big-play-button:focus {
1729
+ background: none; }
1730
+ .tcp-skin.vjs-paused.vjs-pos-ended .vjs-big-play-button, .tcp-skin.vjs-paused.vjs-pos-ended .vjs-poster {
1731
+ display: block; }
1732
+ .tcp-skin.vjs-waiting .vjs-big-play-button,
1733
+ .tcp-skin.vjs-seeking .vjs-big-play-button,
1734
+ .tcp-skin.vjs-ad-loading .vjs-big-play-button,
1735
+ .tcp-skin.vjs-ad-playing .vjs-big-play-button,
1736
+ .tcp-skin.vjs-using-native-controls .vjs-big-play-button {
1737
+ display: none !important; }
1738
+ .tcp-skin .vjs-menu {
1739
+ z-index: 1; }
1740
+ .tcp-skin .vjs-control-bar {
1741
+ z-index: 1;
1742
+ font-size: 1.2em;
1743
+ background-color: rgba(0, 0, 0, 0.3);
1744
+ background: rgba(0, 0, 0, 0.666);
1745
+ background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.666) 0%, rgba(0, 0, 0, 0.492) 19%, rgba(0, 0, 0, 0.36) 34%, rgba(0, 0, 0, 0.254) 47%, rgba(0, 0, 0, 0.185) 56.5%, rgba(0, 0, 0, 0.129) 65%, rgba(0, 0, 0, 0.084) 73%, rgba(0, 0, 0, 0.05) 80.2%, rgba(0, 0, 0, 0.028) 86.1%, rgba(0, 0, 0, 0.014) 91%, rgba(0, 0, 0, 0.005) 95.2%, rgba(0, 0, 0, 0.001) 98.2%, rgba(0, 0, 0, 0) 100%);
1746
+ background: linear-gradient(to top, rgba(0, 0, 0, 0.666) 0%, rgba(0, 0, 0, 0.492) 19%, rgba(0, 0, 0, 0.36) 34%, rgba(0, 0, 0, 0.254) 47%, rgba(0, 0, 0, 0.185) 56.5%, rgba(0, 0, 0, 0.129) 65%, rgba(0, 0, 0, 0.084) 73%, rgba(0, 0, 0, 0.05) 80.2%, rgba(0, 0, 0, 0.028) 86.1%, rgba(0, 0, 0, 0.014) 91%, rgba(0, 0, 0, 0.005) 95.2%, rgba(0, 0, 0, 0.001) 98.2%, rgba(0, 0, 0, 0) 100%); }
1747
+ .tcp-skin .vjs-time-control {
1748
+ padding-left: 0em;
1749
+ padding-right: 0em; }
1750
+ .tcp-skin:not(.vjs-live) .vjs-current-time,
1751
+ .tcp-skin:not(.vjs-live) .vjs-time-divider,
1752
+ .tcp-skin:not(.vjs-live) .vjs-duration {
1753
+ display: block; }
1754
+ .tcp-skin .vjs-time-divider {
1755
+ min-width: 0;
1756
+ padding-left: 0.3em;
1757
+ padding-right: 0.3em; }
1758
+ .tcp-skin .vjs-current-time {
1759
+ padding-left: 1em; }
1760
+ .tcp-skin .vjs-duration {
1761
+ padding-right: 1em; }
1762
+ .tcp-skin .vjs-remaining-time {
1763
+ display: none; }
1764
+ .tcp-skin .vjs-progress-control {
1765
+ position: absolute;
1766
+ width: 100%;
1767
+ top: -0.9em;
1768
+ left: 0;
1769
+ height: 1.5em; }
1770
+ .tcp-skin .vjs-play-progress {
1771
+ background-color: #00a4ff; }
1772
+ .tcp-skin .vjs-playback-rate .vjs-playback-rate-value {
1773
+ font-size: 1.2em;
1774
+ line-height: 2.57; }
1775
+ .tcp-skin .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
1776
+ z-index: 2;
1777
+ visibility: hidden;
1778
+ background-color: rgba(0, 0, 0, 0.7); }
1779
+ .tcp-skin .vjs-volume-panel .vjs-slider-horizontal .vjs-volume-level:before {
1780
+ top: -0.33em; }
1781
+ .tcp-skin .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level:before {
1782
+ left: -0.35em; }
1783
+ .tcp-skin .vjs-volume-panel .vjs-volume-level {
1784
+ background-color: #00a4ff; }
1785
+ .tcp-skin .vjs-custom-control-spacer {
1786
+ display: block;
1787
+ flex-grow: 1; }
1788
+ .tcp-skin .tcp-loading-spinner {
1789
+ box-sizing: border-box;
1790
+ background-clip: padding-box;
1791
+ width: 50px;
1792
+ height: 50px;
1793
+ display: none;
1794
+ position: absolute;
1795
+ top: 50%;
1796
+ left: 50%;
1797
+ margin: -25px 0 0 -25px;
1798
+ text-indent: -9999em; }
1799
+ .tcp-skin .tcp-loading-spinner:before {
1800
+ content: "";
1801
+ display: block;
1802
+ width: 100%;
1803
+ height: 100%;
1804
+ margin-bottom: 5px;
1805
+ border-radius: 50%;
1806
+ border: 3px solid rgba(255, 255, 255, 0);
1807
+ border-left-color: #ffffff;
1808
+ border-right-color: #ffffff;
1809
+ -webkit-transform: translateZ(0);
1810
+ -ms-transform: translateZ(0);
1811
+ transform: translateZ(0); }
1812
+
1813
+ @-webkit-keyframes load8 {
1814
+ 0% {
1815
+ -webkit-transform: rotate(0deg);
1816
+ transform: rotate(0deg); }
1817
+ 100% {
1818
+ -webkit-transform: rotate(360deg);
1819
+ transform: rotate(360deg); } }
1820
+
1821
+ @keyframes load8 {
1822
+ 0% {
1823
+ -webkit-transform: rotate(0deg);
1824
+ transform: rotate(0deg); }
1825
+ 100% {
1826
+ -webkit-transform: rotate(360deg);
1827
+ transform: rotate(360deg); } }
1828
+ .tcp-skin.vjs-seeking .tcp-loading-spinner,
1829
+ .tcp-skin.vjs-waiting .tcp-loading-spinner {
1830
+ display: block; }
1831
+ .tcp-skin.vjs-seeking .tcp-loading-spinner:before,
1832
+ .tcp-skin.vjs-waiting .tcp-loading-spinner:before {
1833
+ -webkit-animation: load8 1.1s infinite linear;
1834
+ animation: load8 1.1s infinite linear; }
1835
+ .tcp-skin .tcp-loading-spinner-animation {
1836
+ width: 60px;
1837
+ height: 45px;
1838
+ margin: 0 auto 10px;
1839
+ background-repeat: no-repeat;
1840
+ animation-name: keyframes;
1841
+ animation-duration: 2.625s;
1842
+ animation-delay: 0s;
1843
+ animation-iteration-count: infinite;
1844
+ animation-fill-mode: forwards;
1845
+ animation-timing-function: steps(1); }
1846
+
1847
+ @-webkit-keyframes keyframes {
1848
+ 0% {
1849
+ width: 60px;
1850
+ height: 45px;
1851
+ background-position: -60px 0; }
1852
+ 1.33% {
1853
+ background-position: -2220px 0; }
1854
+ 2.67% {
1855
+ background-position: -120px 0; }
1856
+ 4.00% {
1857
+ background-position: -180px 0; }
1858
+ 5.33% {
1859
+ background-position: -240px 0; }
1860
+ 6.67% {
1861
+ background-position: -300px 0; }
1862
+ 8.00% {
1863
+ background-position: -360px 0; }
1864
+ 9.33% {
1865
+ background-position: -420px 0; }
1866
+ 10.67% {
1867
+ background-position: -480px 0; }
1868
+ 12.00% {
1869
+ background-position: -540px 0; }
1870
+ 13.33% {
1871
+ background-position: -600px 0; }
1872
+ 14.67% {
1873
+ background-position: -660px 0; }
1874
+ 16.00% {
1875
+ background-position: -720px 0; }
1876
+ 17.33% {
1877
+ background-position: -780px 0; }
1878
+ 18.67% {
1879
+ background-position: -840px 0; }
1880
+ 20.00% {
1881
+ background-position: -900px 0; }
1882
+ 21.33% {
1883
+ background-position: -960px 0; }
1884
+ 22.67% {
1885
+ background-position: -1020px 0; }
1886
+ 24.00% {
1887
+ background-position: -1080px 0; }
1888
+ 25.33% {
1889
+ background-position: -1140px 0; }
1890
+ 26.67% {
1891
+ background-position: -1200px 0; }
1892
+ 28.00% {
1893
+ background-position: -1260px 0; }
1894
+ 29.33% {
1895
+ background-position: -1320px 0; }
1896
+ 30.67% {
1897
+ background-position: -1380px 0; }
1898
+ 32.00% {
1899
+ background-position: -1440px 0; }
1900
+ 33.33% {
1901
+ background-position: -1500px 0; }
1902
+ 34.67% {
1903
+ background-position: -1560px 0; }
1904
+ 36.00% {
1905
+ background-position: -1620px 0; }
1906
+ 37.33% {
1907
+ background-position: -1680px 0; }
1908
+ 38.67% {
1909
+ background-position: -1740px 0; }
1910
+ 40.00% {
1911
+ background-position: -1800px 0; }
1912
+ 41.33% {
1913
+ background-position: -1860px 0; }
1914
+ 42.67% {
1915
+ background-position: -1920px 0; }
1916
+ 44.00% {
1917
+ background-position: -1980px 0; }
1918
+ 45.33% {
1919
+ background-position: -2040px 0; }
1920
+ 46.67% {
1921
+ background-position: -2100px 0; }
1922
+ 48.00% {
1923
+ background-position: -2160px 0; }
1924
+ 49.33% {
1925
+ background-position: 0 0; }
1926
+ 50.67% {
1927
+ background-position: -2280px 0; }
1928
+ 52.00% {
1929
+ background-position: -2340px 0; }
1930
+ 53.33% {
1931
+ background-position: -2400px 0; }
1932
+ 54.67% {
1933
+ background-position: -2460px 0; }
1934
+ 56.00% {
1935
+ background-position: -2520px 0; }
1936
+ 57.33% {
1937
+ background-position: -2580px 0; }
1938
+ 58.67% {
1939
+ background-position: -2640px 0; }
1940
+ 60.00% {
1941
+ background-position: -2700px 0; }
1942
+ 61.33% {
1943
+ background-position: -2760px 0; }
1944
+ 62.67% {
1945
+ background-position: -2820px 0; }
1946
+ 64.00% {
1947
+ background-position: -2880px 0; }
1948
+ 65.33% {
1949
+ background-position: -2940px 0; }
1950
+ 66.67% {
1951
+ background-position: -3000px 0; }
1952
+ 68.00% {
1953
+ background-position: -3060px 0; }
1954
+ 69.33% {
1955
+ background-position: -3120px 0; }
1956
+ 70.67% {
1957
+ background-position: -3180px 0; }
1958
+ 72.00% {
1959
+ background-position: -3240px 0; }
1960
+ 73.33% {
1961
+ background-position: -3300px 0; }
1962
+ 74.67% {
1963
+ background-position: -3360px 0; }
1964
+ 76.00% {
1965
+ background-position: -3420px 0; }
1966
+ 77.33% {
1967
+ background-position: -3480px 0; }
1968
+ 78.67% {
1969
+ background-position: -3540px 0; }
1970
+ 80.00% {
1971
+ background-position: -3600px 0; }
1972
+ 81.33% {
1973
+ background-position: -3660px 0; }
1974
+ 82.67% {
1975
+ background-position: -3720px 0; }
1976
+ 84.00% {
1977
+ background-position: -3780px 0; }
1978
+ 85.33% {
1979
+ background-position: -3840px 0; }
1980
+ 86.67% {
1981
+ background-position: -3900px 0; }
1982
+ 88.00% {
1983
+ background-position: -3960px 0; }
1984
+ 89.33% {
1985
+ background-position: -4020px 0; }
1986
+ 90.67% {
1987
+ background-position: -4080px 0; }
1988
+ 92.00% {
1989
+ background-position: -4140px 0; }
1990
+ 93.33% {
1991
+ background-position: -4200px 0; }
1992
+ 94.67% {
1993
+ background-position: -4260px 0; }
1994
+ 96.00% {
1995
+ background-position: -4320px 0; }
1996
+ 97.33% {
1997
+ background-position: -4380px 0; }
1998
+ 100%, 98.67% {
1999
+ background-position: -4440px 0; } }
2000
+ .tcp-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
2001
+ background-color: #232833;
2002
+ background-color: rgba(0, 0, 0, 0.7); }
2003
+
2004
+ @keyframes draw-line {
2005
+ 0% {
2006
+ stroke-dashoffset: 1350px; }
2007
+ 100% {
2008
+ stroke-dashoffset: 0; } }
2009
+
2010
+ @keyframes draw-lines {
2011
+ 0% {
2012
+ stroke-dasharray: 0 1330px;
2013
+ stroke-dashoffset: 1330px; }
2014
+ 100% {
2015
+ stroke-dasharray: 1330px 0;
2016
+ stroke-dashoffset: 0; } }
2017
+
2018
+ @keyframes draw-dash {
2019
+ 0% {
2020
+ stroke-dasharray: 100px 1330px; }
2021
+ 100% {
2022
+ stroke-dasharray: 10px 0; } }
2023
+
2024
+ .tcp-continue-play-tips {
2025
+ position: absolute;
2026
+ left: 0;
2027
+ bottom: 4.5em;
2028
+ font-size: 1.2em;
2029
+ height: 2.08em;
2030
+ line-height: 2.08em;
2031
+ padding: 0 0.5em 0 2.5em;
2032
+ background-color: #232833;
2033
+ background-color: rgba(0, 0, 0, 0.7); }
2034
+
2035
+ .tcp-continue-play-tips .tcp-continue-play-buttom {
2036
+ cursor: pointer;
2037
+ color: #00a4ff;
2038
+ height: 2.08em;
2039
+ padding: 0 5px;
2040
+ margin: 0; }
2041
+
2042
+ .tcp-continue-play-tips .vjs-control.vjs-close-button {
2043
+ width: 2em;
2044
+ height: 2.08em;
2045
+ top: 0;
2046
+ right: initial;
2047
+ left: 0.5em;
2048
+ opacity: .7; }
2049
+ .tcp-continue-play-tips .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
2050
+ font-size: 1.33em;
2051
+ line-height: 1.55em; }
2052
+
2053
+ .tcp-skin .tcp-overlay {
2054
+ color: #fff;
2055
+ position: absolute;
2056
+ text-align: center; }
2057
+
2058
+ .tcp-skin .tcp-overlay-no-background {
2059
+ width: 33%; }
2060
+
2061
+ .tcp-skin .tcp-overlay-background {
2062
+ background-color: #4e4e4e;
2063
+ background-color: rgba(0, 0, 0, 0.6);
2064
+ border-radius: 3px;
2065
+ padding: 10px;
2066
+ width: 33%; }
2067
+
2068
+ .tcp-skin .tcp-overlay-top-left {
2069
+ top: 5px;
2070
+ left: 5px; }
2071
+
2072
+ .tcp-skin .tcp-overlay-top {
2073
+ left: 50%;
2074
+ margin-left: -16.5%;
2075
+ top: 5px; }
2076
+
2077
+ .tcp-skin .tcp-overlay-top-right {
2078
+ right: 5px;
2079
+ top: 5px; }
2080
+
2081
+ .tcp-skin .tcp-overlay-right {
2082
+ right: 5px;
2083
+ top: 50%;
2084
+ transform: translateY(-50%); }
2085
+
2086
+ .tcp-skin .tcp-overlay-bottom-right {
2087
+ bottom: 4em;
2088
+ right: 5px; }
2089
+
2090
+ .tcp-skin .tcp-overlay-bottom {
2091
+ bottom: 4em;
2092
+ left: 50%;
2093
+ margin-left: -16.5%; }
2094
+
2095
+ .tcp-skin .tcp-overlay-bottom-left {
2096
+ bottom: 4em;
2097
+ left: 5px; }
2098
+
2099
+ .tcp-skin .tcp-overlay-left {
2100
+ left: 5px;
2101
+ top: 50%;
2102
+ transform: translateY(-50%); }
2103
+
2104
+ .tcp-skin .tcp-overlay-center {
2105
+ left: 50%;
2106
+ margin-left: -16.5%;
2107
+ top: 50%;
2108
+ transform: translateY(-50%); }
2109
+
2110
+ .tcp-skin .tcp-image-patch {
2111
+ width: 100%;
2112
+ max-height: 100%;
2113
+ margin: 0;
2114
+ transform: translate(-50%, -50%);
2115
+ overflow: hidden; }
2116
+ .tcp-skin .tcp-image-patch .tcp-overlay-link {
2117
+ display: inline-block;
2118
+ outline: none; }
2119
+ .tcp-skin .tcp-image-patch .tcp-overlay-link:link, .tcp-skin .tcp-image-patch .tcp-overlay-link:focus, .tcp-skin .tcp-image-patch .tcp-overlay-link:active {
2120
+ outline: none; }
2121
+ .tcp-skin .tcp-image-patch .tcp-overlay-img {
2122
+ max-width: 100%;
2123
+ border: none; }
2124
+
2125
+ .tcp-skin.tcp-res-switching .tcp-image-patch {
2126
+ display: none; }
2127
+
2128
+ .tcp-skin .vjs-no-flex .tcp-overlay-left,
2129
+ .tcp-skin .vjs-no-flex .tcp-overlay-center,
2130
+ .tcp-skin .vjs-no-flex .tcp-overlay-right {
2131
+ margin-top: -15px; }
2132
+
2133
+ .tcp-skin .tcp-right-click-popup-menu {
2134
+ position: absolute;
2135
+ z-index: 6;
2136
+ padding: 0;
2137
+ white-space: nowrap;
2138
+ background-color: #1c1c1c;
2139
+ background-color: rgba(28, 28, 28, 0.9); }
2140
+ .tcp-skin .tcp-right-click-popup-menu .vjs-menu-item {
2141
+ line-height: 2em;
2142
+ padding: 0 1.5em; }
2143
+ .tcp-skin .tcp-right-click-popup-menu .tc-menu-list {
2144
+ text-transform: none;
2145
+ padding: 0.5rem;
2146
+ text-align: left; }
2147
+ .tcp-skin .tcp-right-click-popup-menu .vjs-menu-content li:not(:last-child) {
2148
+ border-bottom: 1px solid white; }
2149
+ .tcp-skin .tcp-right-click-popup-menu .tc-menu-list,
2150
+ .tcp-skin .tcp-right-click-popup-menu .tc-menu-list:hover {
2151
+ cursor: default;
2152
+ outline: none; }
2153
+ .tcp-skin .tcp-right-click-popup-menu .tcp-menu-item-select {
2154
+ color: #00a4ff; }
2155
+
2156
+ .tcp-skin .tcp-mirror {
2157
+ transform: rotateY(180deg); }
2158
+
2159
+ .tcp-playlist {
2160
+ width: 300px;
2161
+ height: 100%;
2162
+ right: 0;
2163
+ top: 0;
2164
+ position: absolute; }
2165
+ .tcp-playlist .tcp-playlist-toggle {
2166
+ position: absolute;
2167
+ width: 12px;
2168
+ height: 100px;
2169
+ line-height: 100px;
2170
+ top: 50%;
2171
+ transform: translateY(-50%);
2172
+ background-color: #00a4ff;
2173
+ border-radius: 10px 0 0 10px;
2174
+ text-align: center;
2175
+ cursor: pointer; }
2176
+ .tcp-playlist .tcp-playlist-box {
2177
+ position: absolute;
2178
+ background-color: #2B333F;
2179
+ overflow: scroll;
2180
+ overflow-x: hidden;
2181
+ width: 100%;
2182
+ height: 100%; }
2183
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-title {
2184
+ padding: 1em;
2185
+ font-size: 1.6em;
2186
+ color: #00a4ff; }
2187
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-item {
2188
+ padding: 0 0 0 1em;
2189
+ margin-bottom: 1em;
2190
+ width: 100%;
2191
+ height: 100px; }
2192
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-item .tcp-playlist-item-video {
2193
+ display: inline-block;
2194
+ float: left;
2195
+ position: relative;
2196
+ width: 55%;
2197
+ height: 100px;
2198
+ display: flex;
2199
+ justify-content: center;
2200
+ align-items: center;
2201
+ background: black; }
2202
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-item .tcp-playlist-item-video .tcp-playlist-item-img {
2203
+ max-width: 100%;
2204
+ max-height: 100%; }
2205
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-item .tcp-playlist-item-video .tcp-playlist-item-duration {
2206
+ position: absolute;
2207
+ bottom: 0.5em;
2208
+ left: 1em;
2209
+ background-color: #2B333F;
2210
+ padding: 0.5em;
2211
+ opacity: 0.8; }
2212
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-item .tcp-playlist-item-desc {
2213
+ display: inline-block;
2214
+ width: 42%;
2215
+ padding: 0.5em;
2216
+ font-size: 1.4em;
2217
+ overflow: hidden;
2218
+ height: 100%; }
2219
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-item-active, .tcp-playlist .tcp-playlist-box .tcp-playlist-item:hover {
2220
+ cursor: pointer; }
2221
+ .tcp-playlist .tcp-playlist-box .tcp-playlist-item-active .tcp-playlist-item-desc, .tcp-playlist .tcp-playlist-box .tcp-playlist-item:hover .tcp-playlist-item-desc {
2222
+ color: #00a4ff; }
2223
+
2224
+ .tcp-playlist-box::-webkit-scrollbar {
2225
+ width: 0.5em;
2226
+ box-sizing: border-box; }
2227
+
2228
+ .tcp-playlist-box::-webkit-scrollbar-button {
2229
+ display: none; }
2230
+
2231
+ .tcp-playlist-box::-webkit-scrollbar-thumb {
2232
+ background-color: #00a4ff;
2233
+ -webkit-border-radius: 1em; }
2234
+
2235
+ .vjs-play-next:hover {
2236
+ cursor: pointer; }
2237
+
2238
+ .vjs-play-next {
2239
+ font-family: VideoJS; }
2240
+
2241
+ .vjs-play-next .vjs-icon-placeholder:before {
2242
+ content: "\f11f"; }
2243
+
2244
+ .tcp-playlist-open .tcp-playlist-toggle {
2245
+ right: 300px; }
2246
+
2247
+ .tcp-playlist-open .tcp-playlist-box {
2248
+ display: block; }
2249
+
2250
+ .tcp-playlist-close .tcp-playlist-toggle {
2251
+ right: 0; }
2252
+
2253
+ .tcp-playlist-close .tcp-playlist-box {
2254
+ display: none; }
2255
+
2256
+ .tcp-statistic {
2257
+ position: relative;
2258
+ z-index: 5;
2259
+ top: 10px;
2260
+ left: 10px;
2261
+ font-size: 12px;
2262
+ width: 80%;
2263
+ max-height: 80%;
2264
+ background: rgba(28, 28, 28, 0.8);
2265
+ border-radius: 4px;
2266
+ color: #fff;
2267
+ opacity: 0.8;
2268
+ overflow: hidden; }
2269
+
2270
+ .tcp-statistic-wrapper {
2271
+ display: flex;
2272
+ flex-direction: column;
2273
+ width: 100%;
2274
+ padding: 10px; }
2275
+
2276
+ .tcp-statistic-line {
2277
+ display: block;
2278
+ width: 100%;
2279
+ padding-bottom: 4px; }
2280
+
2281
+ .tcp-statistic-title {
2282
+ width: 30%;
2283
+ float: left;
2284
+ text-align: right;
2285
+ padding-right: 20px; }
2286
+
2287
+ .tcp-statistic-data {
2288
+ width: 70%; }
2289
+
2290
+ .tcp-statistic-close {
2291
+ position: absolute;
2292
+ right: 10px;
2293
+ top: 10px;
2294
+ width: 20px;
2295
+ height: 20px;
2296
+ color: white;
2297
+ cursor: pointer; }
2298
+
2299
+ .tcp-switch {
2300
+ position: absolute;
2301
+ display: flex;
2302
+ align-items: center;
2303
+ right: 0;
2304
+ bottom: 4.5em;
2305
+ font-size: 1.2em;
2306
+ line-height: 2.08em;
2307
+ padding: 0 2.5em 0 0.5em;
2308
+ background-color: rgba(0, 0, 0, 0.7); }
2309
+
2310
+ .tcp-switch > .vjs-close-button {
2311
+ top: 0 !important;
2312
+ cursor: pointer;
2313
+ width: 2em;
2314
+ height: 1.5em;
2315
+ display: flex;
2316
+ justify-content: center;
2317
+ align-items: center;
2318
+ right: 0.3em !important;
2319
+ border-radius: 50%;
2320
+ margin-left: 0.5em; }
2321
+
2322
+ .tcp-switch > .vjs-control .vjs-close-button {
2323
+ top: 0;
2324
+ right: 0.3em !important; }
2325
+
2326
+ .tcp-switch > .vjs-button > .vjs-icon-placeholder:before {
2327
+ font-size: 1.33em;
2328
+ line-height: inherit;
2329
+ opacity: 0.7; }
2330
+
2331
+ /*
2332
+ Default State: Hidden
2333
+ -------------------------------------------------------------------------------
2334
+ */
2335
+ .vjs-error .vjs-error-display .vjs-modal-dialog-content {
2336
+ padding: 0; }
2337
+
2338
+ /*
2339
+ Full Size Styles
2340
+ -------------------------------------------------------------------------------
2341
+ */
2342
+ .vjs-errors-dialog {
2343
+ text-align: center;
2344
+ overflow: hidden;
2345
+ position: absolute;
2346
+ top: 0;
2347
+ bottom: 0;
2348
+ left: 0;
2349
+ right: 0;
2350
+ background: rgba(24, 24, 24, 0.8);
2351
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
2352
+ /* IE8 */
2353
+ display: table;
2354
+ width: 100%;
2355
+ height: 100%; }
2356
+
2357
+ .vjs-errors-content-container {
2358
+ overflow: auto;
2359
+ display: table-cell;
2360
+ padding: 35px; }
2361
+
2362
+ .vjs-errors-dialog .vjs-control.vjs-close-button {
2363
+ width: 3em;
2364
+ height: 3em;
2365
+ top: 0; }
2366
+
2367
+ .vjs-errors-type {
2368
+ display: none; }
2369
+
2370
+ .tcp-vtt-thumbnail-container {
2371
+ position: absolute;
2372
+ overflow: hidden;
2373
+ bottom: 2.3em;
2374
+ z-index: 0; }
2375
+
2376
+ .tcp-vtt-thumbnail-container::before {
2377
+ content: "";
2378
+ position: absolute;
2379
+ top: 0;
2380
+ bottom: 0;
2381
+ left: 0;
2382
+ right: 0;
2383
+ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";
2384
+ /*IE 8*/
2385
+ -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3) inset;
2386
+ /*FF 3.5+*/
2387
+ -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3) inset;
2388
+ /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
2389
+ box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3) inset;
2390
+ z-index: 1; }
2391
+
2392
+ .tcp-vtt-thumbnail-img {
2393
+ position: absolute;
2394
+ left: 0;
2395
+ opacity: 0;
2396
+ transition: opacity .2s ease;
2397
+ -webkit-transition: opacity .2s ease;
2398
+ -moz-transition: opacity .2s ease;
2399
+ -mz-transition: opacity .2s ease; }
2400
+
2401
+ .vjs-progress-control:hover .tcp-vtt-thumbnail-img,
2402
+ .vjs-progress-control:active .tcp-vtt-thumbnail-img {
2403
+ opacity: 1; }
2404
+
2405
+ .tcp-dynamic-watermark-container {
2406
+ position: absolute;
2407
+ pointer-events: none; }
2408
+ .tcp-dynamic-watermark-container .tcp-dynamic-watermark-content {
2409
+ position: absolute;
2410
+ max-width: 30%;
2411
+ word-break: break-all;
2412
+ color: rgba(255, 255, 255, 0.5); }
2413
+
2414
+ .tcp-skin.vjs-no-flex .vjs-poster {
2415
+ overflow: hidden; }
2416
+ .tcp-skin.vjs-no-flex .vjs-poster div {
2417
+ width: 100%;
2418
+ height: 100%;
2419
+ display: table; }
2420
+ .tcp-skin.vjs-no-flex .vjs-poster div span {
2421
+ display: table-cell;
2422
+ vertical-align: middle; }
2423
+
2424
+ .tcp-skin.vjs-no-flex .vjs-control-bar .vjs-current-time,
2425
+ .tcp-skin.vjs-no-flex .vjs-control-bar .vjs-time-divider,
2426
+ .tcp-skin.vjs-no-flex .vjs-control-bar .vjs-duration {
2427
+ display: inline-block; }
2428
+
2429
+ .tcp-skin.vjs-no-flex .vjs-control-bar .vjs-custom-control-spacer {
2430
+ display: none; }
2431
+
2432
+ .tcp-skin.vjs-no-flex .vjs-control-bar .tcp-video-quality-switcher .vjs-menu {
2433
+ margin-left: -3em; }
2434
+
2435
+ .tcp-skin.vjs-no-flex .vjs-control-bar .vjs-mouse-display {
2436
+ z-index: 1; }
2437
+
2438
+ .tcp-skin.vjs-no-flex .vjs-control-bar .tcp-vtt-thumbnail-container {
2439
+ bottom: 2.7em; }
2440
+
2441
+ .tcp-skin.vjs-no-flex.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
2442
+ visibility: hidden; }
2443
+ .tcp-skin.vjs-no-flex.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-volume-control.vjs-volume-vertical {
2444
+ visibility: hidden; }
2445
+
2446
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-volume-control.vjs-volume-vertical {
2447
+ visibility: visible;
2448
+ opacity: 1;
2449
+ display: none; }
2450
+
2451
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control:hover .vjs-volume-control.vjs-volume-vertical,
2452
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control:active .vjs-volume-control.vjs-volume-vertical,
2453
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control:focus .vjs-volume-control.vjs-volume-vertical,
2454
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-volume-control:hover.vjs-volume-vertical,
2455
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-volume-control:active.vjs-volume-vertical,
2456
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-volume-control:focus.vjs-volume-vertical,
2457
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
2458
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical,
2459
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical,
2460
+ .tcp-skin.vjs-no-flex .vjs-volume-panel.enable-volume-control .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
2461
+ display: block;
2462
+ position: absolute; }
2463
+
2464
+ @font-face {
2465
+ font-family: VideoJS;
2466
+ src: url("font/VideoJS.eot");
2467
+ font-weight: normal;
2468
+ font-style: normal; }
2469
+
2470
+ /* IE8/9/10/11 */
2471
+ @media screen\0 {
2472
+ .tcp-logo-img {
2473
+ border: none; }
2474
+ .tcp-continue-play-tips .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
2475
+ font-size: 16px;
2476
+ line-height: 25px; } }
2477
+
2478
+ /* IE8 */
2479
+ @media \0screen {
2480
+ .tcp-skin.vjs-no-flex .vjs-big-play-button {
2481
+ background-color: #2B333F; }
2482
+ .tcp-skin.vjs-no-flex .vjs-big-play-button .vjs-button-icon:before {
2483
+ top: 0;
2484
+ left: 0;
2485
+ width: 100%;
2486
+ height: 100%;
2487
+ text-align: center;
2488
+ font-family: VideoJS;
2489
+ font-weight: normal;
2490
+ font-style: normal;
2491
+ content: "\f101";
2492
+ font-size: 5em;
2493
+ line-height: 1em; }
2494
+ .tcp-skin.vjs-no-flex .vjs-big-play-button:hover,
2495
+ .tcp-skin.vjs-no-flex .vjs-big-play-button:focus, .tcp-skin.vjs-no-flex:hover .vjs-big-play-button:hover,
2496
+ .tcp-skin.vjs-no-flex:hover .vjs-big-play-button:focus {
2497
+ background-color: #00a4ff; }
2498
+ .tcp-skin .tcp-image-patch {
2499
+ width: 100%;
2500
+ margin: 0;
2501
+ left: 0;
2502
+ right: 0;
2503
+ top: 0;
2504
+ bottom: 0;
2505
+ transform: none;
2506
+ overflow: hidden; }
2507
+ .tcp-skin .tcp-image-patch .tcp-overlay-table {
2508
+ display: table;
2509
+ width: 100%;
2510
+ height: 100%; }
2511
+ .tcp-skin .tcp-image-patch .tcp-overlay-table .tcp-overlay-cell {
2512
+ width: 100%;
2513
+ display: table-cell;
2514
+ vertical-align: middle; } }
2515
+
2516
+ button {
2517
+ outline: none; }
2518
+
2519
+ @media \0screen {
2520
+ .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
2521
+ content: "";
2522
+ }
2523
+ }
2524
+
2525
+ @media \0screen {
2526
+ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
2527
+ visibility: hidden;
2528
+ }
2529
+ }