|
教程是按照我自己的方法来的,不一定对所有人有效,反正我自己是成功了。: r5 f& O2 P/ L& I d# [; X# I5 R
播放器也不是我写的,具体代码不要找我,我是小白。
) Z" n+ x; _, P: d1 T6 ~ c4 s注意:本播放器只能播放m3u8资源。
8 y) j" W O2 e' g效果:播放器右上角将挂上你的logo,P2P加速,本地化播放器更快速,播放器自带弹幕(不需要的可以自己去除)
2 W- A! S8 u* I) E- i准备工具:苹果cmsv10网站一个,资源站播放器。
; v) K+ E% \3 Q- O: U* }教程开始:
8 G- P o" c& B4 ?# {, I s1 O① 导入一个资源网的播放器 H; W" A' S# H) c6 X9 r
② 将解析接口改成 /dplayer/?url=' _- X8 ~. @& M2 h, ^1 X" o
3 \, X2 U' B7 h* D% j. G
③ 播放器代码修改为:
z0 `3 x$ Z( m5 u* C% X6 H" yMacPlayer.Html = '<iframe width="100%" height="' + MacPlayer.Height + '" class="embed-responsive-item" src="' + MacPlayer.PlayUrl + '" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>';
p. N& c4 s$ B/ C. R' aMacPlayer.Show();3 a2 t# v9 S, ~9 `3 o
3 c5 T, `3 ]/ i7 w/ S, p
# O4 q1 O. A8 G2 F. {
6 P) V- y9 N% {& u3 p8 n④ 上传播放器文件夹至根目录! _9 R* O7 t( x6 S; s
0 a+ p" S6 W8 E⑤ 在苹果后台将视频数据中的播放器换成你改好的播放器即可。 1 A* ^) A9 b9 P% P2 S) u
" B3 \$ R" V0 u( B5 j( O* a7 q----------------------------------------------------------------------------------- 本文是介绍Dplayer播放器搭载P2P加速源码,配合苹果CMS有独立的播放器后台 主要功能: - 自定义播放器LOGO
- 自定义播放器右键版权
- 自定义播放前置广告
- 自定义播放暂停广告
- 还可以自定义会员直接跳过广告
- 实现全网资源解析,不需要一次解析接口了。
- 功能是非常强大,更多功能正在研发中。
- 域名对接可直接实现P2P加速,让资源不再卡顿。
2 B9 q" M C5 J! f8 F
; X* Z) G: o$ Q, {4 W使用教程:
! N% V! U2 s) A9 z下载好播放器文件后,直接解压到更目录,切记,是网站的更目录。
$ [: W O3 |; |, B' p R然后点击 视频-在点击播放器,添加播放器,
$ i+ g7 R1 h7 j# F( P7 o5 M# w% b添加播放器时,编码为:wlm3u8 名称可以随意、 : L9 _0 N4 g2 _2 q
然后填写解析接口,解析接口格式为://www.isiyuan.net/addons/dplayer/?url= 《把[url=http://www.isiyuan.net]www.isiyuan.net修改成你的网站域名》 5 M9 k% v: u# X2 ~( s
然后点击保存、这样子播放器就安装好了。
& E. ^/ r8 p" q8 v" {- ~然后点击自定义快捷菜单:添加播放器后台。
4 A- ~* p! X: [4 k$ A; {+ x地址为:– 播放器Dp/addons/dplayer/system.php 6 N6 a7 p$ A6 l. P- o' [; T. U
接下来配置P2P: 2 q+ `! i% T! [2 h6 {/ ^
配置P2P其实很简单,
& F; f& w- ~$ _; ]到这个地址: https://oms.cdnbye.com/#/signup 注册账号、然后点击签到领取25G免费P2P流量。每天都可以领。 \$ a* A% G7 Q$ g; K% ~
然后绑定域名,绑定的域名一定要是你网站的域名,要跟你在播放器上填写的接口域名要一样。
4 A0 X+ K/ s( g% c% Q/ ^. k8 U绑定好域名后,这个网站的左边导航栏有一个P2P配置,点一下进去把P2P状态开启就可以了。
t. C# \' ^$ `7 N9 E
* _8 k o* @ S0 a6 W4 _6 s; j------------------------------------------------------------------------------------- 播放器功能:- 支持格式:m3u8、mp4
- 播放记忆
- P2P加速(去除在视频中P2P信息)
- 自动播放下一集(仅电脑端)
- 去掉弹幕(需要的自行去掉注释)
- 手机增加引导点击播放图片
; P L: ]! i! m. s- b 使用方法:- 将文件上传到自己的网站(比如文件名叫dplayer.php,上传到要目录)
- 在苹果cms后台播放器设置中开启解析,解析域名设置为/dplayer.php/?url=
9 @; G- [6 z; v: U( O/ P# h3 H' C 代码:(代码摘自网络,请检查测试后正常使用)- , l& H( a+ n; n+ m4 u: C, C- p
0 B8 @0 H# E. G7 }<html>5 w' F! g6 N9 W* ]8 ]# q; @' I
+ J. Z# |, u g7 f7 v5 f, d - 5 j2 L B/ ]# H
1 e: k! n3 D5 R ^ <head>+ T4 f" V4 j1 k, W
2 K; x; X& u" j7 g6 D
) K# m+ F j' A/ V
- m3 o4 s- S/ y& Q! ~' e <title>dplayer增加记忆+P2P播放</title>
0 @. ]" {- q* d8 r$ y
8 Z9 p/ r8 v$ |) a
' f' @1 Y& e3 u6 O# I5 X& P9 Y Q6 S% L) x$ |( q2 z6 a
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
0 @1 ]. Q: F: Y5 N' C( h
+ |9 ]0 t2 U9 V |5 S
: y% ?% o) a9 e. I8 w3 E9 E1 Z
<meta http-equiv="X-UA-Compatible" content="IE=11" />3 k! x" S; A+ W A2 i
1 o' K0 ^0 W5 _7 Q/ s6 v
/ n% m c5 m# l3 t4 B. h! X2 |! w" i$ ^$ E
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">8 E% ^& M' N! Z& ^4 }
; l/ ~* B; h' X7 J9 q, K! X
& i8 d5 L8 n- q3 s6 i( `: x7 R# @2 R' G- b
<link rel="stylesheet" />
- P/ @3 s! }/ W& B. f$ q6 g7 m' W# |0 M6 C& o
- 6 e+ B$ [4 t' q9 d
7 `& }5 b; \7 n$ o( m8 S
<style type="text/css">
+ i7 X4 {# H3 S1 L( ?( r1 V( h# s0 ^, [. t6 T: Q% Q! M
- ' ]: ]3 X3 g+ {! {! X/ X% ~8 b
' X6 v0 y- l* o9 s) F' \& N
body,html{width:100%;height:100%;background:#000;padding:0;margin:0;overflow-x:hidden;overflow-y:hidden} d3 V# z) x. w6 A
3 u0 O* N) _8 R3 ~0 ?
- 9 Q: _+ @7 [$ M
+ w" ~- v Q4 W8 d/ N8 Z
*{margin:0;border:0;padding:0;text-decoration:none}
. V. O& N6 j" y2 G2 l# {% q. B
7 e9 x4 Q5 D& k - ' p& B" v( T3 g1 O1 R& }! Q9 t
3 f" R. f3 b% _
#stats{position:fixed;top:5px;left:10px;font-size:10px;color:#fdfdfd;z-index:20719029;text-shadow:1px 1px 1px #000, 1px 1px 1px #000}( g( h4 e) i. D$ u3 `+ L+ V
$ ^! z N4 T+ r) t
9 H2 v( K2 G1 _9 T
! ~- U" S% B/ ?9 d8 j# ?2 ` #dplayer{position:inherit}
* z0 M, e+ |# c( V, N6 O8 ]5 x* W
6 e8 _' [+ |. A" W
& J `3 `3 o0 X9 E6 H" w
2 k& f& K8 D) L2 \: j) r: K8 m4 N7 s! M6 Y" p
0 K& c }! A, C. O: ]+ T" X- 2 g+ l" l# L V9 Q
4 H8 B: x2 Q2 j2 U- l% ? ]
#play_icon { ) M( Y5 R) s+ S. O G: U9 D
% B" H& `3 h) B6 T& z2 X# y
8 e. A4 u& n' F5 b9 l! [$ ]6 o' H0 q4 _0 C f9 t
background-color: black;
9 e$ `& c* c9 J/ ]( B0 P$ z% q7 h3 _& }) H
; x; u& h" L4 h: R2 N: M8 ?( c* M' Q
5 s1 d1 x% |5 ^" L( R height:100%;6 ]4 O: h+ ~% j R1 |
5 v; b3 i- I. H9 e1 ], L7 V, d6 C K
$ \ z5 x6 X3 n" N
& Y. z1 C* D: r: V; e* V( h background-image: url("data:image/gif;base64,R0lGODlhxgL0AfU/ANLS0gAAAGRkZKOjo4WFhaurq9zc3ERERAQGB/mHAMTExLu7u+Pj46NZAKEnEh1unT4+PpmZme8/IlhYWHFxcchtAGc4ALOzs8MzHC4uLhdWe5GRkY6OjkxMTCaRzi+z/zIRBUoUC1ItAHx8fPCCABoaGu/v7/j4+OB6AB+AtHAdDy2q8w86UutCJyil6RgJAn9FANo6HxTD/hO89AsqPAYTGwoKCjOx/wcaJgoEATwgACmb3QMNEiIPAgAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNDE3REMxQjMwRUJFNTExOTI4ODhCRjI3RTdCQzk1OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQkQ3REM1OTRGQkIxMUU2QTExQzhCRjZGQTQ1QkMxNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQkQ3REM1ODRGQkIxMUU2QTExQzhCRjZGQTQ1QkMxNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFEMzdGMDlERjA0RUU2MTFBRERBRkE2QTE4RDFCMDUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE0MTdEQzFCMzBFQkU1MTE5Mjg4OEJGMjdFN0JDOTU5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBRQAPwAsAAAAAMYC9AEABv/AgHBILBqPyKRyyWw6n9CodEqtWq/YrHbL7Xq/4LB4TC6bz+i0es1uu9/wuHxOr9vv+Lx+z+/7/4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f7/AAMKHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8//n0CDCh1KtKjRo0iTKl3KtKnTp1CjSp1KtarVq1izat3KtavXr2DDih1LtqzZs2jTql3Ltq3bt3Djyp1Lt67du3jz6t3Lt6/fv4ADCx5MuLDhw4gTK17MuLHjx5AjS55MubLly5gza97MubPnz6BDix5NurTp06hTq17NurXr17Bjy55Nu7btqRoqVNCgRYMHD11MCOCAQQEABRg4CDBRRwMJJSQqRIDCfEl1LCZ+O6GgO0kE3dfRhBcUwQNvXOXPHxkP0sOCBcCzVHi/JcIAAAAkkBBAQQAJCfgNMJ0U7i0wRQTqEWECBgtUkMR7FDwRQQEELNGBgFKYMKAQBRYR/wF7CzaYhAQLDKAGBQV08AV9WnRoBIkOBoDgEyRs6EZ5v+Wo44487sheFDAiQQCGIxUYHxbzGYgdgAN4cMMRN3hwnwQ/KuFiAL79ptuWBEjgJYPvSYDEfBgkOESBVR4hwHsVjvmeiuv9xl0FX0aAQZlnsjjEABhESAQBCxRQZYECqLEmfEV4qeiijD73oJJCbCnppFseScSVRARpJwaWJtHBAn1SkeR7pJZq6qliDkHiqay2WmqnUgRphJ2gbkjprVsW6pCRWiSJxQEKLGCjdwsocAAUV1Lg6qkDwHlEAQu0WQQJC6T6xKHSEkHrAOxpsKx9JVaHaZKWFlgAo4oGsP8quooO2wWJBRSxbKnWcnikngHMW6qD2elIro7TBWnCqroqMXCtUwjArqIMDrCwfkT8x+57DjMc6MID4tqdErLOyiAGA+pL70MFiuyEr1ZQAAAHTzpxAwcAwJrElRF42YGk0FbgwYAfKiEABjEWMYCIUSTp6BAmDI3nEXd6yeZvzGnAIJxXFhh0ACZAu+yorsq8Ba9DvKdzjx4AWm++kOJLaZiUAlfysmLOFzSg0TYxtKDvImrFe5Z2jMSyS/jt4cfMPcwotGcr9Pa8SJP9G92O77xEBACQgEAACKRpBAEAuIsEpgMXrK7eAXiAAbdC9LsjBTtO5+0CZjpBAAnjAQr/chN8F6GsiC6GePannHpQAev+MkiAlj1qLp+Zubt5tp5ib1nE634akZukdE9aqNx/Nm8wtM6erLFu0BIwvs5LeD/61UdQvOjQkCIh+OCiMzFf4gmB3cTiIpuKP9IK4AARHKa8IXBAAZqTGPzSRStpkSg+hwoa/1glJmoxLgBc6x+rYKU+IQDKQS6aD96GQLfpuOd2qRsa6kiUrTAI71a68t5/CnY/eaXNVEUoUOw+h68hzKeFBKjfzDqYPg1urXE8EpuOhna81hFBfZg6wvy8NKACFqGGuyLiEI2IqiQggEQtE8J9AFCBMCbhBtXiWKuEMKEFwOmBGHyP6CbYRTAB/y6OXNygEYioIQ7pSQA2olvBbDcg4RGpgWTIIKlS5b2OYTFsN9TRFQP1hChGKo1VAFS8nqBEsg1tbD36ZJ7yODJIlos+RoyRFpvwSIbo7wookwLlhjVGAMDnckqg3LGQgKN/HWlgA4LjwLy2PiREcEdM1A6WdpQkUPqrkzliDxSZyTcnJm0B9SOgEKCIASF64YWSetM2SedITELynBFTFLQwgK7pKIxRC0TXOh/muUSJjZOke1E+7SnB6G2JTTirlqRIVC8oolKDqiRdzQx3tDj+zx/XoxTdzIcrYh4hllEYgImEhp+OFmCHA9yolVhEx3n1jWhG0Fr1hDC/S2nxlf9DeKfTSpQuDaZKQzwi3m+gKScdgdQLh4pPI1HaSrShU1X6Ao4iSUkqi2KNVBiwItqA08UH8s9BHYui+vzWSoMaKHLJ/M15vFfSMBGhqAEp67zYtwSMPsEEMTNCLTsKAAKkyQMAUJ6LFrqoUjHoXIyyUUtHxb5V+nGfh5XZUkmFtootDHFPZCqp2PqFEB1tqEErKvTiN7omJhGxWCIABX7kHpFK4VAMoqwUJTAdShXqgRGtVABmOEobnvRqXc2nJfm5R9KVtketRCtACkTR8/0TpazsoRMEoAAzipGudFVAGY+AAAB406WcJWG1SESBO12XpcgVgtQCtYCGoq2eiT3/AkzFmyMLgnKqSmil4VblWHZ9lwufGiF8wZtZc85UUWFqV0v3WwRNkla5T/jUAMgk1cCBloec3Spyc3vK7PLWtnnCn3vqJdx/rFcJ93yCW53AAdPuCbrQBa0EBDhSA/UxdSTi1gNp1YEqsZBH1FqwOUuHYOzK7MPdy6dhHYpPpyZSfd5LrQ/NKTIPyOqRRKQeEl5HhNxY8XUVCJFqHzUyq56KslYLZ7QCKoGB7pinKHMyrOZH1h1n+KxuTuuQe9tPyfrPCBgw73NRDN0BmIkEGFiC1YDGIWitEFG0ynPsVnWqpJUHVERYk4mN8GEgpw5Mlhpyh9v3YDPszrze894j/yMXzSczWW+MXiva1EOtTbb1PbyxXYMxqL3Rmadt6rXzmV0F3kmz2bdx5jGHg+3hOduwzro2axEU4M258rmjtIupApZwKDaZYKLVgSPWGD2AlcLvVFjD0ns2BKgWUvqlQ642dyBZ3FsRNFLGBej5jEwFWpVXAgULNek2veELQ1lvEpvnwgrFoPiE6L6XdqN4Q4wGI+mIBB3QKdnMFtn6wm/h4f31kU7IrqEN+6H9sDSng6Y6x0GO1O4CwEpP/GwUK+A8KkOCcLQWKN18THQC2A0RUDTuyG4cXzkbArREJ7H3uQ9d8Kuvlwr2bSWjTWSMTPZkv2DvEslxnPF5na3cbP8CcbnZ1NZSX9ZElBtvmtrV8fWerDk237YvSlf9UhCDQL5MG3lVu1HNVHgJrNaPG0TkdIbCiJvA7CM4u+UflTYS7Eifard7fObDsB/rBaiNRuA94Um1rmPkHq1ZMELyxtW7aW3c0qOvC9v6ZJIK1Tyr6aqo1AIhJrNNtH9bKseTPwKgniNl68y9yu/Rc2SlvvchUCvvUbi7eI2nd7a2uUk8Ci6x/VEgpc+X4UPI0kUR3K8q5dnwLe+oAiiASyEAWn4CZZEAFIbQ3v68XruLtcIjTalV4WqiuB6dBT1w/Mt3mshUYGxZ0H9BUkLNMyqpUlRDJ2we1CRgZ0qjVEjBVkP/n0J35tdBFoReTKAsgdYEmqdrVKVbagNrSOV8wKZhO7ZpISdZbDV4gwdkJQZ+4TddQhM+Z+U2+AIjS9QgOvJBHoJ5S3Y2DEI7V/dqFsZjD6ZDufNJmjZ9TCCAWNBdAUM0QbRf35aAO3ZCued/dEKF80dgJMJOXqI0jHJYu6OBh5U4ITJpNPKFDkZ8iKJ8CXc0Gvdm5+Z3BWE1pLYj2HdJFvaCq8RczhUAh9dRVAIlhddiendSlsI92AVnZ3N8mtQEk5hrD8ZC8BUBrPd/j+R2jHJ0ioJwVRBMGcda4uZGmKQwDfUpbdJvKlRMsAiGJjNOfbgeWrNDhyJ82acxiHM+/0pgYEiwf38jgpwlALflfnaYQynohPxwPT91UacHZ3+IYEAGV7BSiCikXnklaDmYT9p2SewjfWfzOkW4BFMDYYpFgkjWP2EndVumBQMWAJVXVB4QNSQobCUEixACgTz0P59SIk3wj1u2KiuHXZKVBGuSjUWQi49SYQ5mgj8nhvC0jBaoDxRQPcJxNRpAAOFjAhVgg364fRZmaRolV9A1fuVneGyojPHzga7CPp/SUPMBkha0kgtZjiwpM9TiKOsIdWfCTMboODxlHiJWAaJ4YbMiR0UlAd30Kc5yQkUYJIdyHYbVb0fwj43oLnQDcuOlkD6WI/MBfVpSIs90hIkWRP/jcSg2SWBI+JDIeFiugocDMXYxsjvX4X8/t3cuSI2GNUscBW03kJKz0jlMgCkxtigNsyhBRwQMslKCc009twTrNChaJDXVsY4W1WGbgl5QmJTFp0aUdU1x42Y5Ay2/NFElGABaIwFj9WC5USJb8h+8MSqiE5ke9B76ZUzv4ZWH5VL1YpW9uR7DUSoL9iH/iDqPYnE9lpqSx2NiySM2ooL7kCTq4XRiVDd4ZyZ7OZJDBkYDhB+syQRoVJGG6Y355IhCkJBIiTVK8zEamD1b5DXqgZlp9z+QeV2dOUmwAyTFF4at5Wa5s1JJYm7yuJtiMx4dIAE0x2uoFSjVYQL4Qjf/vHkEFsQp5xY/wMmAtWUwAtABjGdtRbRGoPmWGmo/zJgPXNg9aHco6jFeNridlmhRJhBA5ccnu8QEB2QCgmmJi9ijS3Y15VMEiykj6xQB9nZdatliRkafSbBpB1N8+UkEChYr4XWfl1QvECosCvKPBJo9GrAqBXBSpHIud1MpwsMmWOZHG2UC/zihQjJ1j5iMJdqWTfClp3IzPxV6FUA3SyBKzVk0J4oPdxMeZ4g01olHjRhgh6OoRvd/MlI5Q3AAO0pdJAAAN8qNLcmDOfJJPUhUsOYBxIOVQtBdCCMjYNIBf7abGgh4bDlkFPeL2GQ9UToEh+oEfuMBWkNDpXpt//iCq7UILtiJQWASbcukjNbCq9i5erNVXqWjNW6aBHQTKBuCKRlarcuJNRRAAk1HAgTAeAVAAhxEjFVWj0u2d7MKXhVpD5+HZ8yqXWi3htLIVEamMizzBC8TV0sQqt3YP3XJJkhIKiZiAhVqI20EKlmGJavyrOlVRJmWT18aHXsafIUpIw6zJZM5Ba/zjOjHeQlrKeRoKm2iAW3aKRsJp9kHpl5jlcB6NQt0dXRTAGj4pm5IrVlYLRRAUUqjLS+koKYyAMsxBDfLeBhgV/zIRl6yc60SOwL4pWWmG/DzjvkwkxR6PJdysJCoHuBkeroBOU0ALFrKBJdnLE1gQeKEVP+PV39Ek5DMkaVvogFjVy0g8o+pcigwW5jGxqSQ5FcaO3ylcpRqApBU6iCjQrQ59G2gQrRkS7gwtkj1lCQgmXum2k1FAJmUxFI1VgUUcIgbCrmTtzhXU21QpRw/FbTKBgX+51feBIUUNGv00DNVkB1ZsFAxm0IA0CSDGABRMiVShYAJ8h9oqDAFUyM+85mjipyzRayTQ0VMoLyqYor0JymzlnOSsrfQSrzQgW8eRADUOzgSIDNr0r2TY7weAjFsBFJ0or1I4wULVZS6ASsFULECsL2jir4EsiNNqnNNIL1bMrtAcQBjpB/84R8DYBwDcKl3wLrToDnyexuHIBzEYRz/yKEcOsrAFFzBFnzBGJzBGrzBHNzBHvzBIBzCIjzCJFzCJnzCKJzCKrzCLNzCLvzCMBzDMjzDNFzDNnzDOJzDOrzDPNzDPvzDQBzEQjzERFzERnzESJzESrzETNzETvzEUBzFUjzFVFzFVnzFWJzFWrzFXNzFXvzFYBzGYjzGZFzGZnzGaJzGarzGbNzGbvzGcBzHcjzHdFzHdnzHeJzHerzHfNzHfvzHgBzIgjzIhFzIhnzIiJzIirzIjNzIjvzIkBzJknwMOuADIxADDpDJFpDJMXABO+ADk+wPOxADFlACCWDKCZDKqpzKKeAAMQDKoWwPMHABpZzKJXDLuJzL/7esyq28A7E8D7Rsy7qMy6c8zKicAA4wAr/sDjvgAMJMzKpcAikwzcdczLt8yjEAA8usDheQAs9syiVgAZ28AyHgA+a8AztwAQ6QAuCcywlgAb68zeWgAzHwzKwcAzugA0ugAyPgAO28yymgzGOgAeI3tIHQL8ST0D0Fqgut0Az90Pwrz0egA87szimQzVEQAv5szad8AWMQAQwQ0iE9bYAgACJ90iid0iqt0iQt0VJQ0cTsALA8BTtgAdZsygINBiB90mvZBHfy00Ad1EI91EINUia90kid1Cfd0i79BPVMzCXg0VcAAzCNy/FMdSjd00yg1Fyd1F5z1F0d1iJ9hP9NjQQjwNEpcNVY8NQAPdOol9VXINZyHdJfPddizdSiIAIyMAF8/QBQEAJ73dduTQQ6sAIPENh8LQMPsAL6zATaHAWNHQY2MKlKQNlIcLs3oAGafbtcYAJui8AL4QPeDNBqnQUXwNEOENlcsNMirdVLYNdi7QGTCtYMYACafdu4ndu6rdkGsNSlIAIPwNcT4AIywNhNoAPBLdyK/dhDoAPAnQGIrdwZsNiqXQSG/QCLfdzX/QAhMAQ9sAEQEN4t0AQtEN4QMN5C8N0QoAIQsAFN8N3sDQE14AQHQAAEEAFhJLLFETQ3ILzWwx39wToO3R/MgQDlx1wNAtoIQdE3Xdr/WsDWpizVb83TcQ3bXV3XIg0AmCMEuNThHP7hGx4AAHDSZM0Jwn3iE7ACTSACKM7Xxi0EMLACLT7jLrACzE0ELM7XLpDiTCDjwz0BGdDdAbABIFDkRb4Blh0ALfACOFDkLIDeRG7kIIDeSgABLGDkPGADPh3SeYVLB4ACIW0AqcMBDNBcRXADFQDmIX0CDcDmbn4CYB4h/hG/+cLlE5wRI+DOEu4FMJ0AKXDjWsDaIe3adEDbGq47BtC9znUDDdC9lzPiIo3XoDDjE+DXS+ADyY3iQS4EgE3plC4DQj4EMDDj1W3dLe7XLUADTW7kLODeSBDlUv4BNZADKiDlICDr/0pQA7YOAirQA0xwAiKtHhGgACG9SRUg0ihgI/0d1tMB6RVC5gyguRlh07vsAGIQAqNtyjGgvnBd0iet4QJLQifNYuKF7Pfh26Tg6S+OBD7e4jKgzSKQAZ7u6TIgAkQQAjMe6kdw2CfuAg8AAxug6rYOAa++6yDAAu39AbveApSNALAu5VquBBqQ4cIO6R0oNSLdAIR7AxRgHMcR0iig5gYAAA3AAMwB7CcwHQQQ0gRKEXmOyymg719w2rtsAYCOBYLOAITeBEba8z7/80D/85wdad9+ACUfHwVw0jh30hgA6SFd4psw7zdPBJmO4g+gAzoQ3fPu7qGe4yhu70lQ9f99LQIqIPBSTvBG0AIGf/DsrfC27upHkAMQYPARjwQIsPIMgAICUH4EHdIdiLsDcNJHoyE939vvEdIUUB6FYgJhXiML8PQUcAA7o+ABweC7vO1joAPUHuET3tpbYOEovbe0reYM0ABP0tsiTQG27UEnXQFOX+alIO+UbuNIEO+ULgIh0O5bT+kZMARef+IqHvY7Ltz+TvZmb+RoTwRqv/YvkPC7DvdGYANzv+t1fwQRUPIMcAIJQjl+X2BjjQQjzgESENIpmfMqfQJQqxA+QMwxbwSWfAGeXOpHAAMjAP+fbAQ0b8qpvdrdDgQB4ZBYNBIZSeWS2VxqjkXB8rQcmJz/CqHiCVhqo2HxmFw2n6OizITdboeiD/c8sJrPH6uV/N5eCUX6/sL43B5EVGhwQBgZIYo2GiUbX1o2eCZBNsJsIDJBbMSmksCEEG64GAaMIk4qhhCIELwkBlAYTIg8nJpI0H6Bg4WHiYuNj6MuEkpKEhyKYBxSEqgTLEbEdC6mq1MuoKeZS3zONCrO0dPPOZgA1N8roMp46XnlRa0wrHgrbm6TGgTwomQBMoMHh9npM+HBERgLGQYoNCeDCHIBfIiYOAdGgEB3ROgg5MKNi0OJFkl6NKTFJ5UBNrDItClKp0+hwuhjcIKACQ0RNJgQYICUT6BBNWCggEDegVq1qhgg/8qgQAcJGDSMAsBhQIMkBgoMwEAiAkKzZ9GmVWvMwbJm2Ib4sOBW3LJvR3S0pdvMmcghbZkluFumQj3D9V7NO3z4XphRSa5UcfKPAYrCSjoI/LKW81kfaxYOGqJD4Z1DK2T0yYB3o58AIQSJaX1S0aSVAVq6ZPQhB0yZk2gesZkJ55EKkglEkCoVQIN/KAAAWG4AQIHoHIQQWMyAw2UPQiQkIdCZfHnz54npmMssxcUAeffWLQG3SIz4dWMQGUH3mZnL2wFMjAwmBoDnnYGUaCyKx1QJgEElAGCQMgbKQpCBUtDL8AzYFlqNiBBSiy1Eijo6IgTQ8PCBwzlCGqmkiv9Qsk2I3HTjTYiYZuLEE+LCQJACLABcYoFY/jMMg4G+C6CAJCS4QcMnoYxSrRDC6WuI/aoJrBprjPCBG2qa4WsZ90Koy4IzigzSMAHHYEKAMnRKkAwGV9GMifEWcCIgO5MoSMo/jUDxDtHqgEiEAEIT4yOQHhpUNtMQqU2STVp4QTcQVOjtxt8m1fGmKChYggJ/Tii1AcmaOOHUE1BooM7LIiRqgYEqyJMBAjQggIIhwrsV0F+BDXaMEerqTwhpHLhghwssuGCEGCxoBg4ilCnBgRhG2MGHHZ51oITBYFjPGr/ISFNNetgUw004mVDwCDqFiKAJKDRwIjM+LxQW0M//IJpWh9bYeACGFd3IYNowRnRDhEZZJNeIB0hqw6RIU2pkgxwuxbQ433KsacdJNh5CA1QZ8EWACgQQwAMJboFOgVsaqMCDlFE+QIjLJAhAHwE6uMXBJGzWQGgTTNCpgAiIFlrfpZnWsNpmBtNhhxIDiCG/IXZwgD4hrN4hjBC8FgK+ZtozwxwD0WFnCXfQPsfdKNYlI84k3pbCiiHmBmCIAeYVwkIMm84QYDYGKe0OOAz3g2rWBPEhNkIgjVESFjDRDYIeIOHUYk95NOLBe3X5agCWGdD7iBsuw+AGL0jgmwEEtGNA5coOC9z229F6WrAoQnDAYbGhQWPsElII+xh5/+9GJu4x5magbiLgjXcJA2IJwIQJDRjCQj9xP4/fhQ7NIOI5ZBACYpB+NwK1QQluo8U4xg+Y4oxtC5lj4DgH2QgKJuRuf1IIYIvSRQF1ScCACYgigF4FgARJoEADF9M9CU5QGPYRx9aodYH0scUtxTMI8pRQp2MwoQHRMeEJT0gy580peQHowPJ6lQTs+G0zFCzPou6QAYY5SiJ9ONQYRJAwwrWPcI/Cw/zo54go4Ah/HvtUEbzCBNANAYIYEEABbgEAJxmhgAxQCgpQoIFemSB2AtBAAxSQRjWmEQBsZIAN4RjHKFjwLUboSAx8sMFiAIZ4xjMGCCFjkHM54XlDiP/eDVTYgOrZKgmmwxfg5HgWGAgKIhQRyb+EOIEfKiqTK8Ch+/QokfgxBIn0Y0ENlqg5RgTHCMPR3xC6uJN/TBE8MvSATgBQvSJ0EQPsaMANXig7newqksU0phh0N5j3IMsBFvAGQgCTgBQc7I8EEuQg28XCEAoBgkx4BZCWkKTtHTMtRKxkwMSWODZsMgo6CCL7HheHyEkqiR9owRGY2Ckndo4IvWpdEmhZtCSQQKCl0yURuhhFvUWgf995YAdIEFESEGCiBJBABWxGTo3aTndXE8IOtESNFIQSGOrpoHuq2UJjYDObY4CXCVSYhBPcQG01/NtGzzK4hchgk+qcwAr/SCqRTprzfUc4nyFKmUQe3DNzHRPOxyRhPzIOQANqo6UAovidVOTydJdpgHNy5iAAoKosGOifErI4HpyuVVggDYyxArCDcKSgGRYIKhpgQNe63vUMgGwQMr4aWMEOlrCDLaQQ4BVDBkwlCUtyQoVqyFZknOicbiDUJwNGTSPogJKE00E8jTrPijGCchlj6hDyubl9vvIIGkgFLeOUi4FwlYupo0AFiIkAE1BgIGVhJC8aMEPJDjdKXnKLXanlDCp50CBuZcaZPmhNtGjAF1HQQIEO6zkr1EsJBQjVYTCAL+4Rtxg+XQg1d6gwMaTXfezVZCiP2gbajBYEELAB/ViZ/9pV5i+qYdCAraaIyK/EYiq03WXqhHADBQdAwTopSyoMQIAKEIAAAnCdAWhJXg2XZz3McI9cpOktax2kowfxqwgPYoJepWtvSohwdhFrBQShIBdRnFABSGaCm26YGN87ZwYcpoNMMkSP/+qDDPIoCPiaJgSS21wNPnApFgRHv/XlRJT5aYT/ApQIsZMdg2dbPaEkBwEI8KoEOFCABSwAA2GZChQGckDrhWIXi80wj/GMFj7uTgj74Qt7+FqG4SUAg8U4MUIQQAJUhdEI4FRCWLXphOoSQAH8U8IJTFDTW+04z8EwJ/k0W6g+NOQI5m3IZ3MYakBQ0iQwUMEM6AuBWP/UwFKXakEsWlA5SaggDDSSxAswZ10ADwGEKIiFjhtZPeQ1AAoVOOtjA5CKAhQBSBju9LXR4ue6DiFc1tiGMwxSppOaWLof7J8jh+BlgOSiDA+CUPUUbKFXAPJIQsJ2MDpLviP4YMgm+Z1O4YBqkEQh3w15dayHYANdu2QTOcDy5FhJBKg24gPBbq2thFvT8FovzEI4wFS+IyEmUObBBiwC8qx9b5UfI690MZ4ORtARsB2EjuAmt0qR8d0lsAkBKiyLGRgEgJY1xrGNNMUtCgDnyK68DCCqJFCNOso2ZEAPesg3GzzE2SOvYHEhiK/EQvLqTNwmADlQQcY2MXHSbmD/YzVQOwimLIYt+y8A/wEAu5FtUCFQIIpluYwCfhIBwQ8+FUr3YhG4m3KmLz4YIm4GXNHiJXHMByGHNotid8LuujOhukC3whTY1E26pfsenGb8GMw7gQyg9ENXrywbeDqEd45aBCEQgRr6FYCDy4gIZs8YbizXghrUYANn/8QH7EeEuftCA5R5kxDy7khFJyEXOIuC2gy/cZF95c6n934UnMuMQkPTLeOqfLkPcoMoVkYC7Bbwu9EAr3SRYP3dF+/3gQgRQhnh06//aRFcr7JcYBBUgL6srAgQ4O0aIQd871JwwAAbgdfkzlZ+ZAnabwhMIBX2RGeUoPpIIQocy/AA/yfx7A//TDAA9swCFgchwo/PysAD2iYdNK10YjAdDioANMADKMADdJAHd9ADXCdmfBAI72QIe7AH3wXnoOcEDMwITO8ERyP1VI0IMOv1TMIIZs//3EAGOgIBjI/3isAGIsEl7qkGksglVCD5lM9WvurSGiMDCULN/uGXGEimRocDJADNOGABJMPwUGAAOCAQJQDChAsKDTGuJs/mzALEAgO5zCAVWGoxtghvInE7knCbwoBoEEoHT6Z5IAkKJyk07moFAvAOZIDUsHDIfuxgCnDswmAMM4GpLuEMJYEHcuAGtWwgUEAyGiBJYMnZJuP56owxAgDzmsAAiOkQD5GOoP/GLIaHGfyIDCCxEuthEoWgeajRCS4xkNDAdZxgvA5Rp1YwDHzsnGLva0qRRIhgA2pNn5boiQKA1mgRU3CxtVKBAA5goKLgt5RA+9TvMBQgFzzg2brLGpXxBLutLpTJGJ4xATzKDPgxG5vAILFRIpdgG/+qHOgB0pRRFT3EDHQgBNbnyA5hHI9AI1QR9lYgBNKnFSNQDU2hBR7uA1CJCHqgBSBAlSaBByCgJstAKGqhLIBC8xBQAyggZVRGAw7KBiIAKZ0SKSNgEnPwHEiAKlEmKuvxIL+PSvbiIYkhGsBkr35hGi2SCSiyLHkBI1HMDNaPCTJKGatwAs4Rr0Sg6h7/4C71YGHoUg/usi/zwJNMsuw2AAJUAAIupgyIbwM2wCfD0BIg4DFVoDANczEtzgxugGiykjPK7BROwSC10hARgFgmz1oC8wx2oMPIhvUIIxBZszVd8zVhMzY54AYDb/Bs8zZxMzd18+fsBhPRABstQyvL0RCKIdA+8ziRszOUgS6sYfzKAAZiIBwCY5oMMSugEhg6oIQUoCp+5DPj8v+SMzzFk4IuIEy0xAGicQxggFnCkmzSczzh00VySDXjsz7tM0pGQDq1pFlCwDO5bQeisz3rij7v0z6zkEUKNEEVNENOU0DBxAKuxVlG4AIuIAakIUvkwwFKc0HFUxw59ENB/xQtdCAGzDMRt0RM7qOunDNEw7PfUJFFYTRGhaF3/mw0bXQ0RQqPZDQ+BU4dd/RHgZQMAPRLbrQuqqFZCDRItXLIXlRJnfRJYWAEmomutgRMUiAFLCAGdsA4nxT/OmsuuzRMnXRbKNRqYsBZpkZM4dPrEFRN3fRN4VQ8nS5gNjRO7fRO8TRP9XRP+bRP/fRPATVQBXVQCbVQDfVQETVRFXVRGbVRHfVRITVSJXVSKbVSLfVSMTVTNXVTObVTPfVTQTVURXVUSbVUTfVUUTVVVXVVWbVVXfVVYTVWZXVWabVWbfVWcTVXdXVXebVXffVXgTVYhXVYibVYjfVYkTVZlf91WZm1WZ31WaE1WqV1Wqm1Wq31WrE1W7V1W7m1W731W8E1XMV1XMm1XM31XNE1XdV1Xdm1Xd31XeE1XuV1Xum1Xu31XvE1X/V1X/m1X/31XwE2YAV2YAm2YA32YBE2YRV2YRm2YR32YSE2YiV2Yim2Yi32YjE2YzV2Yzm2Yz32Y0E2ZEV2ZEm2ZE32ZFE2ZVV2ZVm2ZV32ZWE2ZmV2Zmm2Zm32ZnE2Z3V2Z3m2Z332Z4E2aIV2aIm2aI32aJE2aZV2aZm2aZ32aaE2aqV2aqm2aq32arE2a7V2a7m2a732a8E2bMV2bMm2bM32bNE2bdVWVqODOqSjbU1nAOR2bun/Njso7G7xFrGe0ik97gD89m//dm3D1W0J14SEICwQdwAS127xNm8dZG+Rsm8BF3AFF1zf9nKpI3sCQHE5N3GnLQAat3H1FnKfb3Int3K9dRbeNnPfVgjo9nXrJHQdl3RTRnJN9y1Rd1tXF3Pj1nM7l3Fld3Qh13ZNN3e7tXAv13R8d3FBV3YpTHj3lnhP13h11213V3Nht26b13mh9ymll3KpV1vh1nqp43A793yBN3S7l28D4HYDN3yz9XovNxbO13PTV3Qfl3S/933h91qRl3VdN3vl9n5nl3b312/711yrZ4ETuIEd+IEhOIIleIIpuIIt+IIxOIM1eIM5uIM9//iDQTiERXiESbiETfiEUTiFVXiFWbiFXfiFYTiGZXiGabiGbfiGcTiHdXiHebiHffiHgTiIhXiIibiIjfiIkTiJlXiJmbiJnfiJoTiKpXiKqbiKrfiKsTiLtXiLubiLvfiLwTiMxXiMybiMzfiM0TiN1XiN2biN3fiN4TiO5XiO6biO7fiO8TiP9XiP+biP/fiPATmQBXmQCbmQDfmQETmRFXmRGbmRHfmRITmSJXmSKbmSLfmSMTmTNXmTObmTPfmTQTmURXmUSbmUTfmUUTmVVXmVWbmVXfmVYTmWZXmWabmWbfmWcTmXdXmXebmXffmXgTmYhXmYibmYjfmYkQc5mZVZCIIAACH5BAUUAAkALEYBYwE7AAsAAASYMJxJawgAmLw1uEMojhdhnuglrGwrVfDVzdkXFAOu50OJ/qqW8AWjXDzIjQG0a/p+p6CQRSweAgiOR2kbeXsBaCowdVmNGC6NyXOGxSZpuVqUaZG2ZhsMj5PLK3QxaTVqIF8iT2JyU4IWGFuFeXs7ilCMQ2cTR2pICAGUbZZAf4COaDSRh4h8fZguF7Gys7S0n1gXt7W7uxEAIfkEBRQACQAsRwFjAToACwAABJRQyElDODhrC4DpnwdYQ2meFqGuLOUKliYfVmh3Y1AMe88PKZbwVbnMMpybyEDyOYPCFXESO2ICCNBSRDp5oVHCVFK1JrfcwM/JA0fHMKM5oAzl2D73cFw+nrUfTGpeKAFhUnxyfgGAOB8WeD96LYlWV4yBaAhqkQWTiFN9MzVaW12EJZ8qFqytrq+wsaybWBa0shYRACH5BAUUAAkALEcBYwE6AAsAAASTkMhJQxA4a3u6/xYAGCI5AtagrizlEpYmC9xnW2YuokEx+MDf4FW5zDI1myekOxlSwShxEjtikspDAFFynlKs8FRStWKVTO83IIz+xjCjOZBdBpomnjsILx/PNwEnXSRPbGEtY34zgCCCamt7Qn1yf3R1WoKFaghskgWUVleXdThdXmCIKhasra6vsLGyr51bFp0RACH5BAUUAAkALEcBYwE7AAsAAASZcMhJQyA4ayu6/9YhjqQFAMaZokBQDG8MD5ZmE9ynh2RvrcBTayaL1W6ZnM7D641MQZYhQKnSLkiMciloOg8BhErKohaJx+x26XVCyeWzLI1c7wLfZyC6GlondDd2IHh5YAEsYylTcjOBNoNMhXkmcGVEmAWPGwFckoaHZIsnCH+AWGqdnl2TXz9jZBZhFgi0sre4ubq7vLsRADs=");
I' l. t1 f" \1 d, i5 |5 G! g$ f, z
- 3 o4 s; ^) f7 ]
7 I) e: A0 j, G+ ] E; A
background-size: contain;
1 {; B @+ @6 z2 |/ E
; R+ q1 g s7 V$ I - : i* p6 [( v) ]7 I( N& h
' r+ }; Y& B3 T0 I) P5 `4 c/ G
background-repeat: no-repeat;
' S; m t/ _! b4 D' s O4 _1 z4 i) {. ~3 b& E
- % |* a0 a/ _- b! m- } u& i
# V" c; `! ?9 j
background-position: center; " O/ u; j; G/ P# L/ t
& q; K( [- C# X0 m4 l
m* p% I- Q; X( T# t {
' y x) @6 H: v. Y0 B% ^ display:flex; ! O% o7 R! n/ X) o+ @
5 [& `- v8 s3 ?) B7 e# ~7 Z
- 6 d& K! C$ @' a# W
+ O* t* K/ z) E; T& s( {$ l3 }8 Z
align-items: center; ) M# [& o3 \3 H- A
8 G2 ]' y7 ^, {0 T
- 0 \4 Z4 W7 Q# d2 x
4 S; n6 N! r0 q. R position: absolute;
: [. Q/ }; w6 s5 M" H: i
) p$ p+ u# r6 J - ) H& q+ t u& H, ?1 T% [
4 a$ y; `0 ~9 m3 e7 ]$ w) f
top: 0px;
/ i @7 t7 `* f7 u% k5 y! q, ^3 S7 n% s) q4 L
- 5 v6 M1 z1 h* O! a% J$ \" M
2 e- K4 f7 ^9 U0 B# k* I) d/ z
left: 0px;
3 s! n6 K8 ?* }$ @ h, c: p- V" J& p% Q8 A+ x" P
- * k4 m. r+ X x5 J' h; G
. o$ C8 v9 t# T8 h width: 100%;
3 B" s# q" M" I1 V2 d2 O3 i
& e! ^( q+ I& S& f* y' T) Z
0 r5 B6 k3 m( U: \2 F# b5 R1 v; Y) i
}$ I, J' c5 |5 l1 O9 t
, x6 }2 n- V* O3 g- O v. P
' S+ T5 N' G% M
, [9 T, B, ~0 [3 r" L+ y/ j, b- P #play_icon img { 3 H. A. I* _7 T+ h
( }! ~- ~9 W) B- ' e, O/ t2 z" A4 j
4 l% O3 a) |% S9 c width:10%; - W% ?3 L! H1 R+ P/ r
3 H( X! M3 m, g, q& \
9 B0 I- H7 ^. N3 {( d' |( V& f9 S8 }# Y* ?
margin-left: 45%;
+ a9 M: w9 ?' Z: Y" p" I" @) G5 s
- ! W# I; G! Y* H$ K% v+ ]
$ Z! U8 a5 Y$ Q. i
} ' |( l9 [1 C8 u! m. v! `
; R- z1 y6 \% f" p. V& S- @' x# R9 @' q
3 B/ O' C: _/ t+ `, j/ V5 w/ e; s( |. Y5 q& @0 W
</style>& r0 u3 g# u9 `, Z9 ^
1 f6 u6 T8 S) o) ]- D
- , B, g. Q3 Z y( @
0 h! b1 v. s( d0 E7 [! l5 ?, X% D; ^) q! L. C& J. j( x# P& G* C% a
0 d8 \: S# s. K$ A! t
- , ]5 V6 I2 ]# y5 P9 d# M5 Z
( _ x6 @0 B' H </head>
! D0 f% c9 w- [: ], P4 v3 ?8 p; f3 U+ @6 f
- # w: t3 s& G v
9 H0 d/ V' |% O& L h+ { <body style="background:#000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu=window.event.returnValue=false>
2 i( ]- t- P4 u5 U8 O3 a8 c' t
3 u s7 g6 E# F$ f O) g2 a - + o) j; C, d6 t5 S+ W5 [& H4 m% W
$ K/ d/ W) W, C } <div id="dplayer"></div>3 h2 n$ n' d& z+ W1 D
) z# t2 n5 ^* U! E# q; q1 M: V - & e6 N- Z' ?6 h6 U
; W, y1 R0 i0 g: c
<div id="stats"></div>! d# J j6 q9 w, y/ t7 C
. A/ f" l; a+ t; Y7 x5 V- s
0 `4 u% b4 G7 ~* t( [4 S" i
) V0 e" D q9 k <div id="play_icon"></div>
9 M. ?$ F" `7 D% i) T3 r3 c/ t% N* }) \2 R7 F! L) H- r
. O4 [9 |( t9 w) K
4 C' ?4 X \5 a4 g, \) J* S <script src="https://cdn.jsdelivr.net/npm/cdnbye@latest"></script>5 \$ }& L3 ~- K+ V3 x
7 X$ k# M5 l" N- N9 x0 s- 3 e9 i$ p! n: x0 ?* O0 t; ^
+ w2 D r# r) Y; }; @" M
<script src="https://cdn.jsdelivr.net/npm/dplayer@latest"></script>) G3 K, |7 f7 i+ [' A% f: W
& `/ ~6 R" F7 c1 N c
! k' M$ o! {& X. Q* K4 p) I% V! w8 N" l" G3 Y: E
<script>
) H& ^ t, D0 @; x5 b$ R2 ~2 m2 s7 b) A5 {& }. x- e' Q
- - x! \; s2 s: h9 a2 ?6 J8 O r3 S u- E
8 n: n) M2 m6 v& p; f3 z0 L var url = '<?php echo($_REQUEST['url']);?>';1 N) f2 \9 y5 O
3 n7 K9 f$ B; Y i Q9 h* x
' h+ M3 b6 Z1 L. i5 {. K1 S) o! o5 e; X% u! W4 @) _" p
var isWap = navigator.userAgent.match(/iPad|iPhone|iPod|Baidu/i) != null; //百度浏览器和苹果移动端不使用P2P功能6 B, E. B& r( a6 v! y, m
% m& \" \: S7 N) I
8 [: q$ j2 h- M
( Q0 b [4 e/ n( j# e* m7 t if(!isWap){4 e7 b- c1 {6 Y" w8 I, ~2 H2 [0 K0 H
. |3 C# F E6 W. [
9 l7 ~$ [1 E/ h% d1 l c4 `$ O R7 M8 `5 Y/ f
if(url.indexOf(".m3u8") > 0){ + A8 `) f4 v {: x8 K# K
8 e: k; h3 r/ a* _ k; G7 U
+ d+ y% M$ j6 M: E' z
4 x/ [4 L" J. y var _peerId = '', _peerNum = 0, _totalP2PDownloaded = 0, _totalP2PUploaded = 0; 6 Y" ^8 H0 A* X
% Y+ N# Z8 O& M' ^% z5 K- & z) o3 m/ k9 T. w: |$ A' ]6 ?
* F) F0 k% W' Z& [! O* @7 h
var type = 'customHls';
; T% j2 o0 }) t5 q3 m3 I" C; G7 o7 L% I7 P3 V
- / u: T1 p4 p$ R" R7 F& Z
* R: x/ m; N3 g- Q }
. G& G: p% o7 a3 K r
) a: U' {# p5 t# Y' C - 7 R5 n7 x9 _1 ^, x. |+ T' G7 R- C
9 }& x0 A+ k( S. c1 k& [; \. l& m8 l
else {
6 M7 Q6 x' \& R
" }- Z) \) F7 U4 Y; V% L E/ t% W0 }
- ~0 X) y1 q9 e: `+ n, ]( b
* E, I/ O( e/ c+ k& k* ]& b( u& h! v var type = 'normal'; //MP4格式P2P兼容性不好,不调用P2P。
c4 L; l$ ^/ @- _2 w% u; L
% k J% D/ v) L/ y/ A! c% e; F8 _- * f4 w" E% Y' `( s
: W0 g4 ~6 c! t _ }) d# y& {% T0 p- w. y N) X$ L
* U- y2 }2 f* v' {' |
! W6 n% a* X* y" r( j
- C' o& Q; Q' A4 y" B var dp = new DPlayer({; {& q8 Q4 t& H2 v* V2 Z$ J# ~
7 s) |" K" u0 e | r2 _
- ! n, E% X' s4 n a* J
0 }, C6 ^8 k- b: t" ~
container: document.getElementById('dplayer'),
! `3 g- A" }3 `* I) r" {. W$ T( _* e& R+ d$ c1 L# ]7 A& M8 ^
- C) V& n4 _1 Y X; a; f3 j( ]0 l$ Z, t2 v! M0 X
autoplay: true,
5 K( [5 p G5 W3 _0 U/ ?* M' v
/ R) Y: C# M1 q8 g" K4 o
( y b2 O! r- e) C2 u4 z& ^+ T! W! r% |! Q, p8 V
hotkey: true, // 移动端全屏时向右划动快进,向左划动快退。9 Z3 f8 \- ~0 P' f3 j1 P$ Z) J% q
+ H& l. S) @7 o* q$ u
5 z) c/ c; J" p" T
4 z6 w. w( Y# s w- m1 ? logo: '',
0 C" i5 p% j/ z2 I9 o4 W! D, D& @ e5 R
- 6 A0 C# G6 W. S J. _7 s2 B$ v6 Y; d9 G
- Y$ j; }/ c# g% w/ T3 e& X! S$ z7 w video: {
2 q& Y- l8 \9 i+ f
) ?; t. W% d4 T0 g5 i1 A: ]9 l - 8 o3 J! J/ G; M* D/ q' f
) Q" S' w: o* }& V/ d url:url,
9 Y$ ^' r0 T0 M1 y& }& x$ q/ `, W7 Q0 j; T% j7 e# x4 Y
" f$ r: \* i& K z) w3 {$ ]$ j1 E( {- y- P8 L' o+ ~
pic: '', //图片地址。
3 g8 v! N. p S* w( M
, P* ^/ @3 H) ^9 Y }8 Q7 _. U- . ?% [. v$ G3 ?8 z
X9 z3 ]3 D* [/ m: j type: type,
* C! D3 K2 i4 ^; ^4 N
% l& I+ B! x. w* d* C9 R0 h - ) o; S1 H0 @3 Z6 A7 [# V
8 ~$ i9 L5 Z, K: C; _
customType: {, X% O. H0 ^% A- v# O- ]: ?
) y; c9 n$ ?* r, @4 C% x
" J9 d$ z ]' {1 O G5 j+ D! B& |
* X$ ]( |8 f/ L5 @) N" U0 k( o 'customHls': function (video, player) {
" K5 A8 Z% T* m) l( D; X9 D1 D, a! l, G8 v# i `$ D
% k3 s) t' U% i& [: V, F: q" k0 J% F
const hls = new Hls({; L3 r$ D; Q1 ~; J
3 j1 f1 T: t' o" |; I/ M) \
1 P. z% J. R, V. ?% _& H( e, m) Y
9 E; C+ K! K6 v8 g5 D7 K+ | debug: false,+ H- S3 F2 L0 @% W4 {* X' Z4 [' C
! d$ H- K( p" V( u8 Z% W9 T) v r
7 D# W) ^; {& P$ R% o7 K! q; `" B* n) R
p2pConfig: {8 W5 j) l* L) W3 u) q: z+ v
; _$ e0 s8 g2 |4 T7 j
: M; t' N( b$ ^+ S/ d! r
! Y9 y0 z2 X8 W9 k% a2 Z logLevel: true,
0 I7 L' [& M1 W$ s1 {" [& x
- s1 V6 c( }+ X" [+ R7 S/ g' ?" z
5 g+ p8 X& W0 I* g
0 }# h1 {0 E) q2 ?, C live: false, // 如果是直播设为true
7 n( y3 z* `2 ] U
; v! s2 s8 `' p9 I& d
6 y* y, B9 a% l1 a* h' E
6 S+ O7 Z4 G' n2 {+ j$ r7 ?+ t% S }4 u# Y: q, P; Z' M
! O/ C& b! f2 r9 V v# q4 `- * ^0 z- f/ E; y2 j* S% H* [
4 v! A7 S& g: ?" j });5 I0 `; f) ^9 P
4 n" ~' w/ F3 I
- 0 S3 g& ?- U) [7 a; S' N$ Y: p9 c9 O0 ^
) j6 S+ [7 z6 y: [# Z2 A+ \
hls.loadSource(video.src);* w Z8 m" _7 w* [# m( y! A
1 M9 j. R4 D% S
- ; e/ ~5 X: s5 D+ d J5 S
1 y! Q* B3 A5 \' N hls.attachMedia(video);
4 j8 p. ?; h) P" I
6 ] C6 }$ J0 e# u - / x G3 S: [) m2 A
+ K' s) p. X, p hls.p2pEngine.on('stats', function (stats) {" }/ ~5 m/ j7 e
$ Z! V* f y% Z5 R8 S
- - Q1 D5 g# a! Q+ p
: u: r1 J% C; \# H# z4 T! ^3 b3 u# v
_totalP2PDownloaded = stats.totalP2PDownloaded;
[9 B7 ~$ x) T9 l+ c
" s! u7 B9 V/ Z z( f3 v
8 y+ _) h4 x- @; b
$ F- G* @& s# a2 ]# h _totalP2PUploaded = stats.totalP2PUploaded;6 d2 b) r) z4 k; s3 ~, q+ S
/ w& K- r1 \! n( h8 Q; ~
- 0 d7 b3 M. i7 X! e! A% n" x
7 `4 I! W2 ^3 _ q
//updateStats();
& n+ `) x* y; P: z+ S" {' v
/ Z, u# X b/ I3 P& ?: C% L
$ Q$ I% z" c3 b& C7 q
: L9 X/ b- {' n5 k* [- q6 [, u7 y }).on('peerId', function (peerId) {
2 P; [0 z8 N! h8 G4 v1 Y( J9 u; ^8 L
& _0 _4 z: H' ]6 p- 4 |; _1 z, i# o+ V R6 g) |
0 b j6 q" K: Z2 P
_peerId = peerId;( s8 U. a7 ~! a5 b* P
0 ?" {0 m9 B2 k7 H8 P: z' N. z6 O
/ F1 X9 M8 V9 o; W! u' c2 L7 H/ o: T, v9 K O V
}).on('peers', function (peers) {
" ^( t* L; T c0 x4 N- ], F7 J# t7 S2 P. z7 D
- - o+ V# ~9 { L
% ~/ b4 K8 K' C s5 d/ n9 d, C4 o
_peerNum = peers.length;
0 z! F! P2 ^2 X7 q
* l) h: k5 A+ y* D L+ m7 V; y - 4 y7 V: Y) b8 q. ]+ @0 i2 E- @4 o# Q2 Z
: d) E) a" Z1 j //updateStats();/ r. V) W( p6 ]. d% \
$ }% B) u* G9 q( |% H( V
- 4 E% u% `3 V$ o
% H- T- V& e+ R- \! `% @! Z6 t* B, d
});
$ k5 X8 M$ X" ~* A" N+ v
! S* a$ b/ W! q# M' e# } - 2 R5 D# @% F; m- B$ G {* C
5 G4 W2 ~& v; {# L% N4 z" F
4 Y& U: k9 |. q1 D9 ]( y t
0 R+ Z2 S0 e5 A( k7 o* ?( g( D
- 9 b2 _0 }% c) h8 m# s! S' ~
) z& b% d" B8 U0 a }" v* f# w9 O4 _: f
4 ]1 E, {% z* C7 b6 f' ?% r
. p, r5 l* q3 f- q- l/ X9 M4 Q
! d- C# r6 s# f. [6 c }
7 Z6 [& H; b, x/ G7 E# _
4 C: q8 A f3 r+ Y- ! A4 |" b# L( H, @7 [2 L) i
5 t7 ~5 |3 a2 l- y4 b4 c x },
j, I# ?* y: |8 Q* w% V9 w) o; l' R4 r4 `) w0 [
" a7 B: ~9 n% v! W g
, x* x* U: [" ^ X& p. n, w& d /*danmaku: {* ~0 b# g% A1 c( w7 u9 L, H( {
! _: M. Q* A" D; M9 u
7 I: f$ J- s# l1 Z1 H$ L& Y7 L- [( V* p1 @! V! W" j; ~
id: 'E3368B56CDBB4IU', //弹幕代码,可定义其他的ID,请修改;2 m9 ~2 o/ @" b8 f; Y1 e
1 u3 T: p2 B" {5 d- g
9 `. ?) B1 \& B( U2 Q6 ~" J
5 a6 `& Q: V* X api: 'https://dplayer.moerats.com/',, B8 n- ^" B' K6 _ g
3 z- r! w* h3 Z# A
: _5 @+ R5 k8 f( }. [( R+ @7 l# ^% L8 G1 [% I$ u
bottom: '25%',
7 g5 w9 a6 C1 ]+ [5 }. w: V- n
- " p" ~ A ]) M' A
# x+ P3 {1 [4 P unlimited: false,3 T6 O# k& d# |. J
6 [7 R2 |, S! l! ?$ c. i
0 x8 D9 y0 e# y* F' w% n9 O3 p1 J, F& n
}, */ ! {* o% _! l/ }* E
6 A9 ~' o- @ B6 E! w/ G Y" W
, J6 _# i' z# t4 \1 S# c) ]3 u0 M, ~2 }$ B" y
contextmenu: [
% K3 L& I" Z7 ? O9 e- A x" j. `9 A6 ?; V( ?* C6 r8 C/ O- O7 o) @
0 B& J d F+ E) e6 ?' V, T$ e
2 V. @* l6 _6 c$ T6 q ],
! a# `3 i, @! U# b& P( f8 ^6 K- @% U$ o# `, x1 J, r- a, s
4 w5 b6 j; Y0 n& U; |+ {
1 Y; y Q. ^$ r. ?0 ]+ X$ L highlight: [& }: Q) E; U( t$ `, M
' O# _ e1 A: F7 ^: u
- + W3 Y; I, t! c0 H# \9 c# u
* F. z, v0 W* G: m8 p' \ {
* g1 |% z6 ]% O' m3 S, U' F( ^" M A# y* ]% i
8 X( l/ O0 r* j- B
, ]% U2 o( Z4 j$ y. j2 V text: '提示:点击下方状态栏可以发送字幕',
4 d2 Q# {3 M0 \. C+ R8 @/ F$ M
6 K0 `: Y, A/ c! Y$ Y
- @2 v4 T+ n t/ A+ O
5 |: T' P' J M6 E: \) C time: 360,! h. N! o) R3 G8 Y
2 h1 {1 z% R2 F) t! A
" u$ R% J$ U9 h) O/ i) {) d
`8 ~7 A! K! q% [ F. K. ^* l8 \ },+ n& v8 m- g' D/ n( K
( b! a9 h) p8 w) Z3 K* K% y
5 B) P- l+ A7 N: @9 ~8 ~* g |/ i
+ y# V( ~' M5 b2 P/ N' m& Z, d1 Z5 O {7 C# V7 _# [ a
^& \3 u- k. x5 M0 U. |
& v) G& m9 r6 D" `
0 h: `( C. H; G" a/ J3 }: x8 h8 l text: '警告:请不要相信视频中任何广告与字幕',
2 q$ J# B# C3 Q9 n+ M1 o1 }6 x. I2 t
- 8 D: u3 [ y9 {
+ e; }; d& G! A6 _6 b5 ?2 k: A( r9 T/ y time: 1200,
' w# ], d" T( h2 T% c4 |+ }
5 R; ]: y& i& Y, P C
" l/ i9 X6 y6 z& ?
/ F( }5 _1 S3 [4 J, h$ Y- q },* t/ f5 X; y; {$ b7 i
* P# [" @, b/ R W
! ]: t+ N% t& L
8 W) _* h* _1 i4 g0 K- \5 e ]
8 r/ p% f$ Y! c7 \+ d& a9 Q
6 O6 N! K& v; ^' r u3 D7 g, I* }- % q F. }- B; c2 c5 k* N3 ~
: _9 e2 J4 K+ S) @ });
% t0 p. L p: Z$ `& @9 J+ g8 r* E) V* p2 t- F. e8 \
- . D+ T0 a2 O m$ I3 k
) i# {, I% b& e% b# r$ ]& Q
3 g1 {5 n* p0 e: }
3 f: Q$ `' r# f0 X" D& a" y
- 3 x4 H3 ~2 D, F- j$ }2 N8 d
$ t) r$ z- Y% L; h var webdata = {1 V+ ^; l2 r, |1 h
, [3 N% S/ h3 @9 p p% \& @ - . u' g! p; V7 y& N4 q4 ~% V
5 H# W+ W5 o, x/ Q8 i& l
set:function(key,val){8 Z4 c# T% D" z% j, v) v: z
* Y( q5 G. |& t* x; Q - " }. J: Q' \( z# [* \
; k" H1 X' K; e+ C# @
window.sessionStorage.setItem(key,val);
" A# {; U# K5 o8 d i! ]. O3 l
" B1 D. p9 J) @7 e* n+ L# k
' Z7 ]2 D5 @) P. _4 d* ~7 x6 y+ i7 h
. b& l8 M9 ~' Q# A* K" e( N: j0 B) M },9 ^+ m: G6 T& i. C; b: V% j
7 r# r; D6 |" o4 ~8 ~* D
- 3 l: Q% Q6 r- _
6 v; X/ ^* b5 w$ Z4 c get:function(key){) r- M9 p1 q$ V, x- S
8 Q8 K6 f0 p( j- C
- @. N" w! W5 w/ x \: s" x$ [) C6 O# J6 r s0 h9 s8 ^' n
return window.sessionStorage.getItem(key);
& B4 T1 ]" ]/ Z0 I0 p- k! m4 i4 y2 _) o- E$ s7 G' ^4 o
- % i) x) W/ o1 }3 M4 h
* ~5 d2 |, z9 N' W% P1 @
},
. c) b+ Z/ |9 U- o* w }1 U
$ D: @! }: n5 X$ l s6 C* W/ {9 e
, D' [7 U7 Z) N1 p/ T
2 k2 h, @2 ?6 `1 f+ d& q4 k, H del:function(key){# I$ [# B+ h9 A
" f+ U9 f8 H0 T0 c d
- ) a6 ]) }+ ^; E6 S8 S+ u
, K% n' o3 g: `/ o
window.sessionStorage.removeItem(key);' h' l* U, V/ I h8 m G
* ~8 @1 n5 C# g' c* F* A9 r - 4 `6 c9 a- O S. g0 d* r" M8 M
' P+ s+ Q, H2 f( }3 a$ ^* I8 |0 L
}," ]5 t" H# K/ g- T& j; X2 p
0 s k/ N4 Y* R - ! D/ ~ y- K1 k T6 z, ?
0 t! b! s7 G% s
clear:function(key){; }" |; S8 T5 Q0 M' }8 ?
9 k. o9 c4 h- k; X3 w9 V& W
5 m* i* t9 ]+ Z+ j8 r% o0 R0 F. `' o0 j7 Q9 ]
window.sessionStorage.clear();
' q; b$ V; ^/ A4 U' H' N$ |5 _$ D2 ?$ s: p5 [7 E* V
- ; S$ w2 b9 O- r% I( y% n- K
& U( c0 c O- }9 a6 B% R. j9 C/ ~ }$ d2 ~ S$ R8 Y s4 Y a* z h# \) ~) _
8 B, d% r: I% h) L
+ X# T+ _( v" d& X) Y& M8 E
5 Z+ \6 r8 u+ X2 Q5 R };
% h% x M* m4 ~" |" N# Q1 P4 o0 x/ D6 M
: R+ ? |* {$ x9 T4 p" C7 Q2 B# r- M9 U6 t3 k& }& ]
dp.seek(webdata.get('vod'+url));- b( J- b% s. S
' C2 `3 w0 S$ q; W
, i, ]0 O( L: P+ ~3 \% L, u, c0 g+ R& n4 v
setInterval(function(){
) h% v( {* y7 Y6 R! u
7 ~+ U8 `9 E, |: `) L- 6 H( L; m4 I, k, V
. Q6 @& S; [" J0 W
webdata.set('vod'+url,dp.video.currentTime);
/ w7 R/ V; p* G3 t& }5 P7 t" Q" Y
w( }" h& Z& m0 d+ Z - " D, Q% V1 N5 Z% m% H5 M4 Y( X
! n' P( z8 V' r8 ~
},1000);
5 o7 B1 [: j1 ?9 h1 ^8 X" u% P
/ _" a+ t, C8 H( T - & a+ R/ T* P. I% D2 \) E
/ U7 o% G$ f8 X9 k# e
dp.on('ended',function() {, H. B$ p* J7 c0 i0 B# P% e: j
( h: J/ H0 K) r* i
- + Q/ m1 n' Q* s0 K4 e& S
6 u+ T Q F, I dp.notice("视频播放已结束"); //可以替换成下一集调用等代码! `( Q: v0 |+ U! n! l5 E9 K0 L
; [# j8 H& f8 I% d) ]0 S8 b" R4 Q
- 4 [; L, m2 w" d5 o1 ?+ g3 Y
- [: b; C Q n$ X" f" k- w if(parent.MacPlayer.PlayLinkNext!=''){- L3 {1 h1 J( [0 q, A( |8 d
" b# X4 g' T7 Z2 x8 q" N
- - |9 u A1 R+ K$ ?( T; V
% B# c) m4 M/ p6 Z# J7 `* _
top.location.href = parent.MacPlayer.PlayLinkNext;}5 I+ C. t$ I( ?' @
1 M' h# w* g1 ]2 T$ ?5 z8 f0 ^
- ' i$ ^: o. j" l# E4 r+ F! r8 W0 s
w3 V# C8 N7 l3 P( O* N$ `
}); ( r' _3 |: }* n) K& R. M, q$ `7 F; e
. ]) Y0 [' U3 ^3 @& @( j" u - 5 |2 t# a+ t& a: h) d( g
2 s" Z+ r- S" X Q, z- F9 V }
8 K% F J. A% s: E
9 `7 s5 B& J( {( @8 ^
* g3 Y% a2 y7 J: ^ `$ z$ e; P5 x, l* p U6 u
else{
/ \; l. }, w' [+ w$ a- J9 v- Q# ]2 O, k6 }& n* O! S
- . @5 B/ S; W# t+ B" q! y) t
" [# E$ f, B! s
document.getElementById('dplayer').innerHTML='<video src="'+url+'" controls="controls" preload="preload" poster="" width="100%" height="100%" autoplay="autoplay"></video>';. P- A0 H: h/ }! o. R4 C5 y# L& b
+ w; r# g: |& j& ?' R - , h9 K9 A8 x" K
' a' r2 Q1 Y8 ?' B9 V/ M G }
- k* Y4 v7 i: |& ?. c# X5 J8 Q+ N+ G7 T; Y
- 6 ~* h! N( ?: x
: a% |8 e9 ]) |: h
function updateStats() {
9 [ B4 C+ i2 ^6 Z* n! l# `" a+ W4 E" V+ B* C& O- {; R" W' R
- C% O, @4 ]4 B; m% c& \/ I2 A
# }- _/ e% u. m q9 N
var text = '七星P2P正在为您加速' + (_totalP2PDownloaded/1024).toFixed(2), m8 L2 \3 s; w1 v/ p) ]: Q
- _, M: O- t0 s) p) a- A+ S
- # v9 Z8 c0 o$ D T1 k! n
4 H1 ?4 L. }( [' I, I) L4 Z$ m
+ 'MB 已分享' + (_totalP2PUploaded/1024).toFixed(2) + 'MB' + ' 连接节点' + _peerNum + '个';$ u& Q' B0 ], r/ `8 T! ?
- m9 L2 ~* |9 [, c$ ?6 M! C
, l- d" Q: x3 u$ {( [4 W
! X0 q1 r4 U8 a3 p document.getElementById('stats').innerText = text ;
- `4 n6 p6 j) {2 y& `! \ H+ D; E0 k" H: h) w8 @
8 a% e; f& E4 N/ k& x7 ^# K- X4 d- c4 v, E! G$ F+ Y
}' n0 A( l4 G! X! }% c
3 k: w0 P1 V* ?. B& |
0 |* j9 B. |( p: F9 M, ^2 M1 |& G% i
</script>
3 Y5 i# {" o ~& N n' K3 l) H9 v- N! H1 s* x! r% o
, ] R0 O( R' i# ]3 a
! i; B( }* P- n% J <script>' t- s2 P! C$ q4 N E0 l+ ~$ N' y
5 J0 k- L# Z& S& D) Z2 c" D
8 x' r- `: W3 f" H* B
2 N- x% o! N0 S4 p4 S5 x' j
: Q; \6 c1 \- a2 l5 [. @: \0 V1 P% w9 s4 c& r! c; Y: k
- ' v0 I4 @9 R/ v0 e9 k; g7 r
- U; H* c5 a) m" B0 g var video = document.getElementsByTagName('video')[0];% K- T: c8 M6 W! d
; M- G \9 N3 {; r5 @7 T G6 c - + O# ~1 @" w) t* C5 ?
$ f( W9 M& I# D7 |6 y* u2 P, x
video.oncanplay = function(){
0 m; |7 V7 h% z$ [" g0 ]6 X( @0 o& _( ]( x1 j
- . V/ G& V% d2 Y* {# W
# G/ X& U, m* y8 ^6 J video.play();3 }9 t$ R* `% |. |& p. X
7 |* y r5 _! \3 X' L) s* m" P
4 m5 l2 g0 ]+ y9 Y& C3 o# i& C. N8 @* {6 M9 e
}% O8 u' j- C2 ~5 U# I% U- _
& K- c5 b7 W% F4 r4 X+ g0 h6 l- $ S: D" L& K/ J" S$ p' u% v+ q; F6 Z
R1 N5 ?+ n2 b1 F9 Q: y
, S& h6 B9 J' r! S6 v3 Y6 e" i* M+ ]9 U' l" N, _
" \5 i% v' t S! f0 \; |% b* s
1 R8 p/ z% T* J! R: w3 P if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
0 @( p T! ?: W* T
: m9 \. \7 j! U; a ?- ( U! X8 B7 {3 Z
; F5 U* ~4 H$ Z& N; u8 C/ Y! u1 G //手机端
8 i2 b" W, [0 y
* T+ l |# J* J3 N% `! F; j9 B2 ]
7 t% O- q, Y' K1 P
& f" l! }0 Y7 H3 e& a4 E# d! D var img = new Image();
& q+ F0 [4 G5 D' @+ c7 [3 l9 U; u7 M6 d$ k# k9 S( q
- 5 `. i, R' N2 G9 j
# M, \+ p; i! I" x1 s) y img.src="data:image/png;base64,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";
2 t. D2 |0 X( k9 z* F! |+ c8 S- U+ B& S
- ' v. Z( ?) M# K6 q
# J+ a' H: v0 m. N) G document.getElementById("play_icon").appendChild(img);
6 G& ?+ \3 \3 f' h! e+ F4 t# U9 Y" M# A% ]! ^7 I6 b
- 6 _5 y) f# M6 r8 H
- N, H, h6 @% D3 O
4 [& E: m' j- w5 v. d/ n
9 _7 W! B- o) `& Z' {1 c" W9 k' W
- 4 f2 ~/ {. b" F5 y/ |, E
* I3 {3 H7 w1 V, C9 M video.setAttribute("playsinline", "true");
7 X6 H% Z3 a) ]: @9 @8 z; [3 N1 U+ }% h) _8 E" F; }% Z6 E- w" T
5 k9 C$ ], z! } q5 V: Q. U# l1 p+ X& ?
video.setAttribute("webkit-playsinline", "true");( G3 B7 b8 V* [, u5 q
- U; R! n$ L7 p/ c# \- 3 x- X3 O$ w$ h. a+ @' h8 ~1 B
! S4 ~. x& M# }2 _& j video.setAttribute("x5-video-player-type", "h5");3 k( S+ [) h( X/ C7 E5 S
& `+ {$ a' t# h5 _& W
" G/ ^- z: c4 {& |3 J1 }
$ v# r7 h0 H2 f8 c video.setAttribute("x5-video-player-fullscreen", "true");
y9 }1 p7 g1 [; ?# J: v% z- w8 [- Y* P' j, [
- 1 Q i7 s7 h; I7 e9 x
6 o# c: t7 d6 T/ Y2 U7 g
Q2 J" S6 F9 J6 u
" i+ S5 ~1 x9 Y8 ~8 W6 r. k7 ]
6 \ {1 s/ O: E& O: ~ R/ X5 T. M+ y; |8 B
video.onplay = function(){
( T' N$ N5 l. a7 B( T9 M* h* h1 b: ^8 x4 s$ [: Z! T) @/ ~3 L* C
( C6 b) \. }* s. s0 f
& H1 M7 z% F; i9 j2 v( ? document.getElementById("play_icon").style.display = "none"; 2 Y/ o: y. @+ j- Q
' t7 @" `3 Y4 G
2 [: C: ?+ X) J+ O$ k
. c1 v7 Y j3 i" T( e3 K* _. U9 @ }
0 ?) V; z8 P2 p/ j/ \, z% ^
8 \; B6 m! S% ?% a/ ^6 w2 @- / x. a$ n$ t: \" O8 t0 K. [1 j
8 z8 A2 t9 ]$ L! R5 n/ ^/ K1 \ x4 Z7 Y& x: L
( u: Z0 t' _" F" ]7 q
- * y3 n+ ~. g( B' v$ i- A7 ? g
) p m& j- G+ o! t7 Y video.onpause = function(){
, a; x" A6 j$ [" B! ^ ^1 ]
1 ~" g/ X! X* u) _3 _ - ; Q( f0 @9 D& k/ e+ U; K
: ^% V0 [& Z9 W- { document.getElementById("play_icon").style.display = null;
) y- c9 z# Q4 ?* I0 ^; q0 M, w8 ^5 g* a8 z1 T
- " r# c) x) m* w+ _! e
. c7 N4 @: o5 R% L9 X f" @ document.getElementById("play_icon").style.backgroundColor = "transparent"; ) |: B w! \5 a3 u
2 ~9 q6 c% l4 D! G# Q% A - 1 }9 X) g. W }( _' T/ }
- w1 P# B/ D2 d% { document.getElementById("play_icon").style.backgroundImage = "url()";
: w! _# |9 i' @5 I
. o, x5 }) U* K1 ]+ i: M# w& h - " ]) m$ @. O' v0 |5 q! [
! p, K" J) Z7 P u c }9 H, a6 M, b: r8 N; _4 u- v% b5 M
# @" t& |$ P) @2 I5 i' U. |
6 ^! l; E$ h* f6 R: }" C8 c! T5 i7 }0 ^) C
0 a G0 E, V/ |* E% k( |
( j* h1 p: J6 F: f `# J. u
3 c- N7 Y! F) h% u
" W% \# M" w6 @: W6 D# O/ I var state = 0;6 t7 P+ z; W0 H6 {1 m: T$ n4 {1 }" n
6 K: V, W( e" v5 j
. F/ A& V9 e: ^! @4 \; S' Z3 |0 ]& H$ c' \+ G7 j; i0 N
document.addEventListener('touchstart', function(){
5 w$ v/ {4 O6 b$ m% \. d& ~$ T# Z ]9 `# U1 v/ O. b7 z6 h2 Z3 B
- ( f' i: }" O8 I8 I/ I0 g
! g* f+ @% j% Q8 y' H7 {5 U) l1 E if(state==0){ 1 w! {1 x9 _3 w7 @, w& B
* g. y+ Q3 j0 S. n r - 6 R" Q: Q5 B' J
/ `+ m- ^: u/ {9 ?( _, C0 _. S: T
video.play();
* f+ q- L: [, D/ \; k3 U' O) k3 i; M; a
- & I( U- E% k& s) q" b$ ?
' @0 ~2 [) j4 N+ k& n6 v4 Q
state=1; 8 `2 e6 v* j/ q# v* `3 k
. A; Y2 L& A3 A5 |8 R6 _' y- B
- " H& i3 _& h1 e# H% K
! i# V# B7 i& d
}. x+ o5 d5 U# g# {- N+ V
6 B+ g% U' l' q3 e
- : S6 ?3 d( H6 C) J2 S
$ S* ~5 S5 L; |' ^2 B! o }, false);
0 i& V/ C% j' B- o% P: `5 l/ t
8 O+ e" l: l7 z; a ^8 D$ t - ( W+ M# }8 \) {" g! p; C
% M' K% G4 r- s n: \, ^6 ^+ X
document.addEventListener("WeixinJSBridgeReady", function () {
# o: \5 Q8 S3 L2 C9 ?4 {
1 F' t" K6 ]+ m/ h - " H, [2 r! y; o! o4 M; e. @5 L
2 D0 c9 o9 ]8 ~% O! I
video.play();
& M1 q6 X& J8 A$ j1 I H% X# Z
* L/ r* t. \$ X. s( _
% m+ }' b0 {# R* M# R
$ _8 u/ t0 _$ \9 H" C9 Q# V6 } }, false);$ R. n R" h3 S
' f) N7 D, J' D( [/ B
- , P2 u% H3 g# C$ W0 W
+ O3 |, Z; _ Q V; l9 s }else{8 W v% J6 e* w2 r) C: v- _) p) z
, r' |/ _8 }$ |& c3 ]
* p3 R* X8 Z2 d; v2 c
. f+ G$ H: |) ]9 y( Z& M //电脑端9 M0 ~- Z, x/ o" j& k% F" _+ g
# k# ], X5 d& n/ B- q! q4 m* P- h
, Y' l- u8 S+ X4 M; d2 e
7 J4 M1 I) s5 ~ document.getElementById("play_icon").remove();8 I z' A6 u( }* B2 Y/ B+ v
$ E- B$ L% ^4 Z( d$ }2 q* i2 _- : L9 S; r% B% \0 I2 k
, f2 y& l# x ]6 R
}. B) X; f+ l5 k1 a8 M- L* l4 S
& f3 E& U% e7 \0 l4 Q- I8 k
+ g4 h: k" w' N# a1 E- p! } F+ y. u9 n6 ?
1 i: u1 i- p2 E! a$ `2 h# V
) ~' s4 Y; W. d& Y- / l8 w# }7 G# m
3 l7 y6 |' T3 ? L L5 @ b, X
function playVideo(){
" |& h5 W; `9 @2 u) V1 B2 n; p$ w" b# S# H2 j, N# U/ Z( P
- & u6 y) F! ~1 U9 C `
2 a) h J R) D) W% d4 P" x
document.getElementById("play_icon").style.display = "none"; + A; \4 u# D5 N7 X( A
?' g n1 y, A" M
3 L! s1 x$ j# N' V2 y: v- U5 Q4 e3 y9 {0 O1 _
video.play()" \( X4 g, K8 P
4 [& E/ ]- y6 n/ o
- ; M9 k1 E2 g8 Y6 `, Y2 p3 q9 N
, L& o: f) E$ T% \6 n8 x
}
: f) N$ S+ F" Y$ \2 |
3 v; N- \1 n8 k( H4 a) X - ! v5 r& J% R, F0 w4 r9 S( P
/ A3 b, J% M; f' K! [) r1 q, W
* e5 w$ r$ H( U5 K9 `7 `( d
* y$ t& S. {3 J/ I6 y
+ n. z5 m4 }, o) T6 L) a% |
. ?/ g% C! G, ]( X3 n1 l0 A
! u* M' v# k8 D1 @ _9 f) O- Z
% @/ W' k# U+ S- 8 h' f; h2 g5 V: d
. G; ^: F! v6 X </script>
5 Z. P2 d. ~$ h# y' i; ]& q- |/ ^, j, P: T Z g) I8 Z
- 9 H# m1 {6 l9 D7 J# z
% T& B' j2 a9 F" G
- U5 v* M% _8 _9 x8 g/ K2 U; g- N+ g
- 0 X3 s7 K7 x. U0 r& K
: R1 W5 Y# e% f4 e
</body>
3 F! V# U, J+ ~( V' O$ R N/ A: I: [, G% r! l C% B
- ; D+ D& e. k# ^ {* @7 m
% i* z7 Q7 c- ]</html>: E" v" J- @ i( ?! Z3 \: X; U
' B p$ l1 E, L% t# t. f+ |8 t: d
' B8 V6 U! F' b% ?
手机播放引导截图:
6 a8 h# Y2 t* P4 y- Q7 d& T& J* U由于手机上不能自动播放,需要用户点击才能播放,所以加了引导点击,图片中代码中的2段base64数据,可以自行更换其他图片
/ W3 K6 C' y4 M |