|
教程是按照我自己的方法来的,不一定对所有人有效,反正我自己是成功了。" {$ O, c" D# L# o' |1 p
播放器也不是我写的,具体代码不要找我,我是小白。
7 \( T( h' e, j. g% L3 g注意:本播放器只能播放m3u8资源。1 p8 S0 X y( B5 R- ~
效果:播放器右上角将挂上你的logo,P2P加速,本地化播放器更快速,播放器自带弹幕(不需要的可以自己去除), J; }7 v% Y f! d/ _
准备工具:苹果cmsv10网站一个,资源站播放器。3 O b1 U4 s1 y, V
教程开始:& q0 ]" @, s( Z) ~* b( I+ C' |' i S
① 导入一个资源网的播放器
0 Q* N# @/ }( c. \6 O② 将解析接口改成 /dplayer/?url=
) }6 \" u; Y3 b
; |/ G( L, w1 ?7 i! l* Y% d/ H③ 播放器代码修改为:
" Q3 [! U$ ^# y& Y8 hMacPlayer.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>';1 v I4 q: b: p/ }0 b8 R# K; \
MacPlayer.Show();
/ D+ ?, n" O5 q2 ]' z9 W& C1 Y8 K5 p" F j8 E' }. j) F
+ j, R* s( y" q4 ] a/ B' p3 y# D
: P# T* U! E/ j2 e④ 上传播放器文件夹至根目录. \) ? w9 y' L
/ i2 L) j# U/ d( O/ }( ~$ }* N⑤ 在苹果后台将视频数据中的播放器换成你改好的播放器即可。
/ D, y8 f( ?/ E* K; r5 ?$ u/ }( F7 Y7 n& \+ K
----------------------------------------------------------------------------------- 本文是介绍Dplayer播放器搭载P2P加速源码,配合苹果CMS有独立的播放器后台 主要功能: - 自定义播放器LOGO
- 自定义播放器右键版权
- 自定义播放前置广告
- 自定义播放暂停广告
- 还可以自定义会员直接跳过广告
- 实现全网资源解析,不需要一次解析接口了。
- 功能是非常强大,更多功能正在研发中。
- 域名对接可直接实现P2P加速,让资源不再卡顿。
3 v; B6 Q" F- v7 b; N$ N
6 ?. w0 K! s# Y* _# c使用教程:
+ @ h5 h, Y# `: e下载好播放器文件后,直接解压到更目录,切记,是网站的更目录。
`3 z. c6 d+ c+ u, \; j; E0 o然后点击 视频-在点击播放器,添加播放器,
$ \( j) H9 y5 i' N添加播放器时,编码为:wlm3u8 名称可以随意、
, {9 [2 i2 ?- l7 \; A$ |& X然后填写解析接口,解析接口格式为://www.isiyuan.net/addons/dplayer/?url= 《把[url=http://www.isiyuan.net]www.isiyuan.net修改成你的网站域名》 * ?0 R9 h; B# N9 r
然后点击保存、这样子播放器就安装好了。 ) O% _2 B: z$ R2 G
然后点击自定义快捷菜单:添加播放器后台。
* ^6 G4 n9 F3 b& v+ ~地址为:– 播放器Dp/addons/dplayer/system.php " X, Q- O6 G2 T0 q. A3 f
接下来配置P2P:
; d" B6 I4 ] L0 @( ^3 w3 E9 P配置P2P其实很简单,
4 K! P; B7 ?& U: x* g* R到这个地址: https://oms.cdnbye.com/#/signup 注册账号、然后点击签到领取25G免费P2P流量。每天都可以领。
, a5 L! s: Y0 \1 V1 L/ [ ^0 L$ T然后绑定域名,绑定的域名一定要是你网站的域名,要跟你在播放器上填写的接口域名要一样。 " D5 t1 a, _* c5 t" [, a
绑定好域名后,这个网站的左边导航栏有一个P2P配置,点一下进去把P2P状态开启就可以了。 + ?5 A2 P6 K- n% x9 d1 R
' V# d2 N- i4 B8 m+ |- e' D2 e------------------------------------------------------------------------------------- 播放器功能:- 支持格式:m3u8、mp4
- 播放记忆
- P2P加速(去除在视频中P2P信息)
- 自动播放下一集(仅电脑端)
- 去掉弹幕(需要的自行去掉注释)
- 手机增加引导点击播放图片
8 r: u- t9 A$ K! \& U4 } N 使用方法:- 将文件上传到自己的网站(比如文件名叫dplayer.php,上传到要目录)
- 在苹果cms后台播放器设置中开启解析,解析域名设置为/dplayer.php/?url=
) D0 f2 f, C3 L: a3 ~ 代码:(代码摘自网络,请检查测试后正常使用)- # a( j$ t+ n/ h4 Q, M5 C/ L
) i3 z4 @# L' }
<html>
3 \7 ^ V& ? S1 a* H& o+ C& e/ M) M, } ^
- . z% @1 N0 ~ e. S& i! s8 F
1 h7 N, M3 [" M, x <head>
6 L& S0 \1 q( c8 r, P; V( Z' O' I$ g% W& M* a) y
- + W8 t4 C5 N2 C8 A5 C
' R. E ?2 Q3 P: @: z
<title>dplayer增加记忆+P2P播放</title>0 ^; H! g/ n- ^: x' _0 W2 _
9 P+ n* c% k( p# ^. k4 ]% ~8 E - ) q. w* b9 Q# h( @ M
8 i4 _; H$ J( v7 ^. Z, j
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>7 H* t1 G5 A8 L2 V) q E$ h6 T
1 S6 _ F6 m- O9 Y" v! N% W
- 5 _9 V% i9 r5 B* p, |) _
5 X8 ^6 n3 H2 g6 s' s9 T' e/ j8 r <meta http-equiv="X-UA-Compatible" content="IE=11" />
6 f+ V( L# y/ D, J
; p* V5 Z& Q# @( t
- o- p/ X$ |$ X; E( \# c) _' O- U) f
2 @2 w ]) j! y <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">8 o& g; }7 g& e1 r- r* T
" G$ e* k; C4 E/ s2 Q8 l* ^
) g3 \" s; D/ U5 K4 l' b
( k: |* E# i: t1 `$ r <link rel="stylesheet" />
& ~& _5 }" p, j/ h
% a! k! a% l$ T9 z _' {- & Q+ {& @3 d6 k3 T. g& f
+ m; L/ P" @7 n2 P+ i$ |2 b <style type="text/css">7 F2 Y8 [1 F1 Q
2 Q9 e, f' M7 t5 j( W4 V0 Y" d% J* \
i9 `5 G) P- S
% S. C' d9 [% z3 [9 d3 e' p& ^ body,html{width:100%;height:100%;background:#000;padding:0;margin:0;overflow-x:hidden;overflow-y:hidden}
& q i9 L3 \0 L: F; X2 {+ U6 {8 r* i$ V' `. t7 J J) O0 M- v
1 L& e8 P+ \8 g9 k6 D
# w, m1 S4 Z6 T9 K& c6 J; k: v *{margin:0;border:0;padding:0;text-decoration:none}
0 }" j6 k2 ?4 n$ M" j, x# J: z* ?$ Y& {
- 8 {! Y4 {1 {8 n6 L* j
; _( m6 U' i2 v6 B; l* Q #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}0 Z }& c; O) P; X- N/ L7 q
* [. C! g% P8 R" `
n) O0 b8 M0 a1 X. ^9 E" O# I& m
#dplayer{position:inherit}# H+ i6 o" T) G H; n; g- u
$ v# H. C% f# P7 T: t$ R& r
9 n3 T5 E" U2 r2 T, x8 W/ ~
; V$ ~$ Q \' T( P! g9 E1 z: |, s4 F/ G
2 B# ~8 P; z" y7 h' l( a, I; W O: _/ ^$ V
- : A! ^; p$ ?0 s7 m/ q
9 n# q7 S) _5 S0 P9 M8 H #play_icon {
: d, a0 u% C+ n3 Y' g3 w: y- j, ~* u3 w" W8 _
- $ T& x1 U; e& @
@# J$ _& V, ], i( Q
background-color: black; P6 O) \4 {4 x# z3 C
" t ~, d8 i7 F& q/ p5 S% P
; t, B+ k5 h& {/ {( K/ V J8 F0 Z
3 B! Z- M+ K8 f height:100%;
* M2 ~" U- H: z! f a
9 J1 `+ i. Z5 ]' k
6 B- Q) u1 w1 ?8 \' I/ a
7 ]3 U: ]5 B% T: S5 \6 b. b 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=");
& `/ H' M: C1 p& H6 ^& }+ n7 G0 q$ Q" s0 h" `+ X
( r6 C3 b3 W0 W3 e, x# W/ U, u
& d- n; G, u( Y background-size: contain; 5 r) W6 E9 l7 n4 m' l6 e1 B
: P: ?6 u" j8 _3 D& R
- 7 @8 {' b# C- D8 s( ?! j! {
3 Y1 j$ p! N. I; v- B
background-repeat: no-repeat;
1 T. A* O( y g( [4 G- M3 \1 u, `7 S3 l
3 C7 U/ j( Z$ x4 j9 h6 x. i1 H- z) {7 d# r4 e6 }; E2 }
background-position: center; * U( O( {5 H M, O& t
+ m, N1 @9 H e/ Z' A1 L
$ r- ~* U; \1 B7 V6 T/ ~
) n& @ P L+ k/ t9 ^ display:flex; . H1 a) h/ h# Q8 L
: L# Y& S$ F2 @
- 2 z4 w" P8 _. D5 C% p7 j I
* X2 q4 m5 b- K4 ~3 m align-items: center; - m B9 [+ N8 a9 s) s
7 m) U. A# N5 w; ~
- 9 ]$ l) C4 S7 |8 a
' ?: M$ }/ y, }7 O; }
position: absolute;
# e! ~5 [# ]. _/ Z( l+ }& r$ m& ]
5 J0 q# N* } `1 l' X! C7 m6 U5 X1 \. g ~7 D; q
top: 0px;
1 _; {, D: m6 L% F
/ \2 g2 g( o; \- m7 i3 F& t
2 k1 l; @ X% J. Q% Z X3 x- _- [
( Q3 K0 {/ Z0 h left: 0px;
; J+ F, L5 E+ P) U' D1 H* v; K) ~) ~8 ~) {1 j
- & @/ u3 V& J& E6 @. H. h/ a
# H2 ` y+ @5 }4 ]
width: 100%;1 r6 ~* Z# f! X! |
) |8 I. X* T; x8 w
8 v0 }3 ]9 J' K
* `, ?* c* y* l }
- ]' p6 O2 X+ R1 R
2 l' w0 Y/ [( B7 f, M1 p" I
, X$ Q/ {6 n G' l [, b9 e" O! K) H# r. Z( k, E. k6 d9 u6 k
#play_icon img {
6 V) o+ J3 }1 t2 S
. p, J( n" w/ S6 U) A
0 {+ o1 U8 Y' Z' E5 Y* L# x/ x3 m$ n, q- @' C& r5 F, v3 \
width:10%; t. G% K0 a3 u
7 D: x7 [! I8 V H2 E
+ H$ T. ]2 V" b4 g
; i) C5 d* E% O! }8 p8 | margin-left: 45%;, L F- {" s0 ^) T6 w
7 n0 _+ V$ o1 f j2 k. G, b0 [" f
- 6 e! {, b* P: |: |
8 F6 M- _6 y* ]! V* V9 G
} " W% b0 r& N/ s+ D# R, R* b# ~
% ^2 R7 {, z5 b
- 2 k* E' u. p: Z8 y& K
A$ X* o$ i8 V! ?! |& n' w3 p" d* }
</style>8 ~" w' s+ O2 G9 Y/ w
9 b& z4 H q2 W - 2 {- G+ w. D5 N" U0 s% _
8 }' G$ O* f5 m( @
+ M- `/ Z0 t% I* d- y
E) e# x: b* C/ h7 E - 6 g ~" C0 u0 ?2 X* K, }' y
6 A0 J8 ?! M! `9 Q# o& F7 P$ F3 H, ?
</head>
) D! w! @* B/ i3 f
! _/ S& z2 M# a% G6 j8 } - ( D1 l3 `0 [& `& j
6 q$ s: d7 ~- y/ V8 I3 ]) Z <body style="background:#000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu=window.event.returnValue=false>
+ {- h) `( j3 A6 I$ r |% p5 c. w" h2 |8 S3 X C
- 8 ~8 h- k$ l D: h, @. u' @, I0 {$ p3 E9 |
, @) |8 M" l" F& n) K1 ~
<div id="dplayer"></div>! A+ V* f$ S- f {9 D% y
; G1 f( H; W' e1 F. v& ?" ~8 n
. c, C* m- a# T
9 P F7 ?/ ]5 [3 Y$ H <div id="stats"></div>
5 ]2 \- C6 L0 J
+ t* Y+ f/ @4 Y/ y7 X! z3 p$ Y( V
6 `3 s& a( |4 r! j9 ~- s7 @; [: w8 r2 J0 B4 z6 r& X1 ~
<div id="play_icon"></div>
6 U# @9 `1 B2 T$ c
) Z( w7 T; M# }' |/ E8 T$ ?- ! w5 C* r C% _
4 L8 u: _, W5 k+ U$ z V
<script src="https://cdn.jsdelivr.net/npm/cdnbye@latest"></script>
& c! `/ q0 | a2 T1 \5 x$ `+ z( B4 W. W9 w: z. s$ G
- " V: c+ ^' t/ U- u1 N" V
% s$ G7 o* }1 ?5 u7 U+ ?- i <script src="https://cdn.jsdelivr.net/npm/dplayer@latest"></script>
) t$ O# y5 c8 Q) s6 a
0 n1 [9 @7 E+ |+ ]4 f7 L9 l h2 n
" T; ]/ t. \+ s7 d' x; Y/ H @- F: W
) R6 }6 {& ^9 |9 h' Y& _$ U <script>, Z" q/ s$ [8 q C; X
: I1 A5 {' S( `6 ]/ l5 |/ i; H
- ' ]. |# Z7 Q, p1 o4 |( @
1 P- y' A) f3 w, i# W5 H' \
var url = '<?php echo($_REQUEST['url']);?>';1 h5 A' q! a( f- {2 ?7 J3 k7 Z
" d, B( x2 [3 L0 w H9 _" N' @- C
# b9 u. [" x' @$ {
7 q9 s3 d2 R6 }& [ c var isWap = navigator.userAgent.match(/iPad|iPhone|iPod|Baidu/i) != null; //百度浏览器和苹果移动端不使用P2P功能
+ Q# X# J! P9 J. e5 [
- n9 r% K8 d8 Z; Q7 |/ x
4 Q/ Q& `# ]2 ^3 }: I! q5 o4 C% c1 n- @3 ^$ v
if(!isWap){
1 i5 V2 A6 i4 x% K9 D v6 q
' [$ @7 J8 E1 b7 t" f& a- ) o1 I! S; N; J" i& ~. u) ?
; m. r/ Y' G% y- r4 N: G if(url.indexOf(".m3u8") > 0){ 9 T" z1 u3 X: Q) `
9 ?4 u7 T/ _" g/ A( ~- j7 b - ' o2 q2 S1 W2 G7 R
6 w! U/ w) ^4 e6 @; U H! z
var _peerId = '', _peerNum = 0, _totalP2PDownloaded = 0, _totalP2PUploaded = 0;
9 j7 h6 d+ _ x
8 b; }3 ~4 ^# q, P% { ` - 2 o) v4 |0 A, [; O7 {
4 S& C# |7 b# H% w! |/ b. I
var type = 'customHls';# Q0 L% G7 {/ U9 t8 G
1 @; S* p. ?8 } l* J
3 b; [; s2 ]2 k% U0 K) G4 i; T* L$ n3 z, j% T0 \. ~& X& V
}
) g5 R/ t2 E. E2 w. w W; e
- s. s, ?$ G& |& s( g- ) T$ n, S( `) j/ Y$ P3 }. ~/ C- k
" g- Z2 }% Z) q0 }
else {
" F" ?8 p/ j/ |9 n( K4 Q
4 e& T: t! S" T3 ` - 5 ~! H( J2 l+ Q$ p; |
7 f/ U8 s& L5 N' O: b var type = 'normal'; //MP4格式P2P兼容性不好,不调用P2P。
( M; |5 t P5 g* e: \" f/ J
1 c5 D6 s% e7 U: j( A0 T" ~ - 3 | ^5 K5 b: G/ X+ ~
9 R+ m: ?" X |2 E }: S y; L+ B3 q4 O' P3 G& ]" _
- G* o$ u* v' o8 O& g- j" m; {8 A
) t7 H7 m) E; }7 M: Z+ I8 w" a3 y/ q. ]
var dp = new DPlayer({' m+ V* o; D/ N3 u6 J) ^% T
6 C; F5 \% ?0 }0 a4 p. r" [
7 [0 a4 `" h$ k7 O+ E$ E
3 ~' [9 \) I# y W- _7 L container: document.getElementById('dplayer'),
4 G C8 u% A+ l1 q" T" k7 ^0 F- N u% ^ c, x% q9 t _& [
- ' `& r. @+ S& X: c9 `$ ], L
2 Y1 g m! b H2 m autoplay: true,( _ B6 I. m6 m; d0 p9 x2 \
+ O" f9 D# g! `0 K3 z0 i; {" c* T. y - ; @+ @ s! d5 q) v0 O
( A+ A/ ?# w# Q. A# Y( ` hotkey: true, // 移动端全屏时向右划动快进,向左划动快退。
& V p- k7 Q3 I4 H! u9 M: ?4 G9 F1 ^& g
- - j) Y2 ~' O- n" b
* w$ T$ l3 ~1 P$ z9 X
logo: '',
5 W6 \! @% \7 ]2 G4 d8 p, z+ D6 {* K1 L" z
- ! o1 Y) C; n3 \& v& W
2 \. ~3 g. T( K/ W; S; N video: {+ k" w1 z$ D, k \) M
' `. l8 o+ {! `$ X
) }7 Q( C: }, U, m2 T! O( G' Y8 }1 K+ v! T
url:url,
: B2 Z: G) j% T" b7 g
8 `% P6 r+ [$ k
5 X: Q! ^' Q2 q
% f: o8 l0 T' {1 [ pic: '', //图片地址。
5 a4 V' @4 K Q0 k$ @8 @ {# L
1 d$ C# _! Q% y8 t/ ^3 @
9 W$ r% y" ?8 B* p$ X" v! D
' H( x% v R- Y3 a type: type,7 ~8 S( f. q4 ]3 X! C1 @% `' W% E0 Q
2 u \6 R# f/ k7 G& k2 h& q/ C- J- 4 R; G% N$ G! _& T# a1 F V
' }- K# s7 _: f& B1 D: W4 p customType: {
- [" t/ Y8 P" Q+ V& T2 m1 L- U) o
# p# v4 Y- x" d9 w, w
' H3 D8 L/ ^8 M/ d. O
" @- w$ f: r0 f; W2 U* B$ t1 I 'customHls': function (video, player) {9 R) {. @: m3 r. M/ F
4 L0 [$ f' g6 J5 Y: W
" i6 s1 V: V- J- G2 F6 ?4 t" f) B. Q9 w. h) r7 a
const hls = new Hls({7 N- j( F0 [1 C8 i0 ?
7 F- {% n F+ ?1 z/ g- 3 t4 b1 c0 v5 A# p
; k9 _$ B3 q$ _+ X
debug: false,- c7 Q* J! b) b7 H- H* h
) N! a, A/ r* m) t" e5 [* v: j& k - * j! j" k" o; w# H
/ z: k/ ^* F O3 {: Z& P% I p2pConfig: {; [" w7 B9 U) I$ }" V
" e" T" M2 @5 v! `. J: k
6 M4 Z8 v! U _& G2 d3 \0 Z: R$ T; m2 z0 D& v+ e, T
logLevel: true,
1 `1 v. Y/ V7 t3 v* \$ J! W9 G; [! z0 F. ~
- + y6 L* E5 j8 b
! b/ v0 r* P& g' z' Z% k
live: false, // 如果是直播设为true
) t8 h8 J8 E% A' w
* P9 Z& I% {9 X" v+ E8 I - - F% {0 q+ D- N: k: Z1 p: r
' @: v9 A# t D" g$ p. j }
1 ]3 v: Q; o2 ?
m% ?3 |7 s' v9 I
% ^! O* k/ U, }$ v+ g. L V: m8 u
; w- m/ W2 U. c/ _7 F) c });, r* z8 R. x+ {# D- y: y
+ o2 y5 Z# R9 L3 O/ ^
; U9 j1 P j# S, s2 S( L' ]: T4 E
9 i0 ~5 S9 k( ?" t hls.loadSource(video.src);
! H8 A9 { M8 o% R0 D9 ~
, h3 i/ C& u. M
, R& d1 E0 }# z9 Z. T' E x' ?' z1 k; y7 p5 E$ R" J
hls.attachMedia(video);
2 R3 n( e) M2 {/ k# w: g+ m- Y, U! L: G/ N& T2 y9 `
+ T# R2 P; h! t: i, ^" `# z
, N0 l5 _ M5 j3 n& L, l ] hls.p2pEngine.on('stats', function (stats) {
" e& j& Z8 G: i, w {
* l# N% b! ?4 k. s- 7 L: a6 E+ t" I- b' s
: [ C1 A9 p0 _$ @& K7 `8 Y9 U& H
_totalP2PDownloaded = stats.totalP2PDownloaded;
. D! I( p, R9 I4 W* U2 V
5 ~7 g) ^, O& ~/ K% Q+ o. }- e - 6 B4 u( D& b) e, f D% X& H
3 F: G) m# V( p$ K; d6 T1 d _totalP2PUploaded = stats.totalP2PUploaded;
2 Q/ |+ E% A, A9 `0 I
) K8 r0 I$ I! K: ?, P6 [: H- z - * N3 V$ r3 F7 c* z: v2 v
- Q* k ~7 q1 L8 _0 b8 W) _2 y
//updateStats();2 d% \, C/ H5 A* B" m+ a
! N3 o7 M3 P4 i% H& y$ ^ - $ f" D6 k" O2 l8 S1 u2 P
$ C2 J0 q ] o% G }).on('peerId', function (peerId) {& a5 i% I. O4 p# b7 M3 z4 |' F
; C: V# ?+ T1 b- [
- + ^ L& h! l) y0 `# X0 G
" H9 s c8 _, p1 V
_peerId = peerId;
2 d" a% ?: A. Y- @6 ^! Z+ ]- v! e% ~5 N: x2 `
' i4 J4 Z8 k; o7 J7 b1 B# f+ A; D# y4 ]0 a9 T2 L9 G
}).on('peers', function (peers) {) H; k+ W5 D4 H
" {' ^4 I& m3 O: v. J
' d" M& l( P6 T, J1 V+ U4 A- A% [
_peerNum = peers.length;
2 d* J0 t4 _1 x+ b, |# y! _" M1 z
- + W6 U0 Q! f: v* v9 k& t" l
& r- C9 F( R9 @9 L# u: y0 U
//updateStats();' N1 o1 d# x- s! B' o" d9 D
g! U5 O. M2 T- T8 x' N
+ C5 F) ]: Q' k1 G1 k2 `0 h7 ?9 j: B, a, W& S& M0 @" X4 N8 D7 l0 C/ x
});2 z7 l. ` H2 t; b
7 l7 s, }8 x- @2 p- 5 R; x/ |7 `% _2 k5 q6 O' R4 m
( _' b' w; F: R- M
- r* w2 q# Q0 ~. X) q3 J
% k" D# P8 ~8 S2 r. F$ H - ( C( u9 j# G. n- Z
, a3 S" \$ E, V! G }
8 V: L2 e% m, m) n* `6 T7 y0 I) B3 V7 f: D/ N e; w u5 c
- - R# }* x0 s g1 V/ U2 s
& z6 m6 X8 G! h9 c
}) M* e. g+ n$ U$ y1 y6 N4 L
3 D2 \8 q* i1 N% W
+ v7 l% {$ m/ M( A- ^0 [. B/ \+ ^5 V% k6 J) ~* L
},
5 @6 p8 j1 `1 W! q& C# O0 h* N0 d3 M+ z" x
: d6 w% ~# o- A6 j
: p2 F! o j' Y' l, {8 y /*danmaku: {4 U! C5 t' W5 o' S' P/ i
4 N: R M" R$ x6 ?5 g4 _- " Q# }( S* A, W8 O% z
, ^7 Z2 W% `, M4 x& Z) V
id: 'E3368B56CDBB4IU', //弹幕代码,可定义其他的ID,请修改;
* d ^1 y) B7 D3 D/ X5 x% Z
8 d4 _+ }; @- f2 A
9 ]- b/ Y* o# G% S
8 S! F* t8 d. p# u) T# K* e api: 'https://dplayer.moerats.com/',. ?/ B/ @ M3 Y
2 E c0 R$ I$ T2 @6 Z
- % g! m0 s" q" g: e; p) n7 v
3 i! ?/ \2 O2 t3 Z) N' T
bottom: '25%',
. F2 A; ?3 N! l3 k, r
" Z! s/ @% U4 y3 @& B; F - ) k: K; j v. x1 J4 `3 u
* V5 G5 V i5 P' i
unlimited: false,
2 ~+ K$ y0 f- W
5 c+ d9 W9 |- {+ V - 3 ^: s- M8 o. Z+ p, g; F* A# \1 |
8 z4 z& `5 z0 A) x; ] @ }, */
! H& W9 c3 f2 l, L
9 w$ C' v: T7 Y* [4 u! s - ! F7 q5 e% Z0 o; L9 r/ Y
~* a( i5 b+ U9 ^5 o( P contextmenu: [
: O: v3 Z8 Y9 I' ~( S. ~9 l) E/ Z$ g. z% L- S6 R) g, x
6 f* _& j& B# b2 Z6 G
- G5 l3 j& r/ G, @) C, p ],1 W) d; b( g) P" e2 z! u
4 m1 u4 M9 f2 ?( D- K# ^- / U0 L) _; \. C% |% H
( t( k- e% X! x6 | highlight: [
7 D- b6 i% z" J- }4 `9 R# w+ V( A6 f9 l9 o0 c. g% b
- . E2 O3 J- r) Q& o
' V* e# U, R0 o! y3 ?9 X; A5 _
{4 {6 ?; P2 j+ H A0 [( r
6 `0 o9 i, V1 z- g& e; J* m N* y - 2 V6 A- E9 l' L3 ^$ t( h9 l
8 q! B$ u0 e9 `) e8 l6 U text: '提示:点击下方状态栏可以发送字幕',
- A3 H% M$ ~; c3 T) \3 O* D# ?) L) }! u q# J; v8 T+ n9 Y9 T6 U R
- - B9 q9 s) L+ H2 @1 g& c
* A3 `1 B+ t* l3 P9 w6 l
time: 360,1 q$ \8 D5 j7 n# P9 a9 n
% e. h: r6 _/ {- o - % E* ^+ i0 |. c1 @
: H8 O3 b3 B, Z1 k( h# g9 ]! X
},3 p) a8 s! t; @1 D+ y
# S9 D' i/ _) z% r% ^9 o2 }
5 q' s3 Q& v6 p" k# z- u$ L0 `3 d
7 I0 J* ~# N; H0 j {
! P0 R( i% j% S& _7 \% T4 u8 `4 N/ g( ?4 J
% d0 c9 {: S3 Y8 o2 w/ b
, L+ d( R+ G( O0 X- B text: '警告:请不要相信视频中任何广告与字幕',
. i) ~7 ^& M6 X8 T( H, f3 R. ~+ M" t* b
$ N3 Y4 H& {. l# G9 Z: t9 K
x; @0 f6 n) ]; Z" K! } time: 1200,2 I+ V d( F. i
8 A. H* h+ X* F8 w7 C7 b1 J2 T
- }+ y0 W- U- I4 s8 `1 n, d3 R4 j
+ g2 @$ k: W3 L* B- n3 k
},* u& I) R: q$ ^1 S: C
8 e) M0 m0 [' f. c& u4 n
" i' ~. K5 }8 p* }+ M/ j
! ^4 {! A- N5 R0 z, m/ H" B ]2 b0 Y9 E% z& X; Z
5 s) Z& }! n5 }0 X
' |+ M1 _7 i$ B0 |6 U- q
+ M# w' v, p2 t7 [ });
% H- q! ?) T- ^' u8 A/ k( h; o$ B' m' |! m
- / {% V7 R7 F1 s
. P/ a" Q% S, r. @3 x7 z9 b/ _9 n, I& g
1 [2 P. h' r& B3 x) h, H# F$ N - . Q; X- W0 M) _
- R. ?) v, D7 ^+ Q8 v! J9 B% R var webdata = {5 l2 y5 M/ ~, b' v: S
& v8 N @$ i( U h6 `
- 6 U; O* z: i0 T3 h
& b$ A$ k" J- d0 D8 {) |
set:function(key,val){; F. L4 {; E/ u2 Y
0 P8 z! I; N: E+ N7 ^
- : T( H, J: g. s1 ]& e! K4 q( ]
0 T7 r. O7 y3 q
window.sessionStorage.setItem(key,val);
+ W8 l6 j0 ]& o! I% [+ Z# A; D# c% |7 T9 ?
& `8 k! ^9 L5 F6 z
$ n* }- ?6 V- A: E" { },
- ?7 }7 u% l. r) E' B: ]4 X$ O% A
, Z( U% Z) e" J1 B- / E, e. |8 Z& k$ ~8 `; c5 {
6 j, G o# q9 d5 |. z* P5 ~ get:function(key){* y+ @7 }+ \% e; J1 r* Z6 W. i7 f
3 q3 d) o8 v7 i, D - ' V- R& }: J) p3 v5 I+ u; f. u! c
& h r9 B: A9 Z, Q+ r3 \
return window.sessionStorage.getItem(key);. U# f$ r: [8 p# A" }( F7 X
) m& o- Q; v) j( ]
- / l. a% E: k$ y# o9 X
/ T$ m8 Q+ V2 f5 D' D" E
},
+ ?1 |# p/ h" T" p; g' W1 L* H. F& r% I8 J
- $ h3 P- Z+ I- X ^& C
6 X/ M+ d4 Z3 A8 N del:function(key){
+ g4 x) o9 i, t2 c/ Q
v4 B0 v; P* P% d9 z/ A+ }. S - ) ?/ U' t0 w, l2 f {
, @! N5 ?) `! _! @ window.sessionStorage.removeItem(key);
+ u% ^' k* x( i& v9 b
8 Y2 G1 a2 L; \1 Z! I4 S
" f( d( \* G7 h$ b" I) _+ j/ C) |. _7 \1 K+ K
},3 z: u: O2 H3 a3 m. k/ s. r
u( t9 Z0 }( q; r0 T- m
0 J/ t* ?$ q* k7 D; X: T: v
/ y' }0 d/ Y. [8 ~ clear:function(key){
- `! I+ ~ O# p$ R5 S7 r
5 x% O) S& H5 v* l8 r/ o! G- : ~/ W. @) B" E6 m* F( \! X
/ A$ C. |" n, z: V window.sessionStorage.clear();
* S" S2 b* F" y& e p* j `6 ~
! v# j g: o, D( r: s
4 X1 `. V2 p" e# m; _
% m$ ]6 x) [. o, Y V6 d i9 S( F5 L }
3 G" s: ^& l% P: L* ~8 B
1 Y: @# Q+ J# O; N& P
: m" q) B6 e0 d1 E4 Q8 C9 z& @
5 @! R8 m2 F5 ~ };7 K; ]. a& e, w/ k, r9 k: c
8 t$ [& y' ^4 o9 s4 q2 j
- # a( H. e( Q# \* d0 p4 |5 M8 C
/ Z1 A3 |5 I' v- q. ^$ A
dp.seek(webdata.get('vod'+url));
5 l! ^$ f( h" ] i. n. _* }
& s" D& H; Y6 ]) A9 k. O. E
! d$ Y( |- D: Y0 k5 k0 E |
( s& R1 z* J4 J6 I setInterval(function(){. D5 W1 X5 a; n! B
. r7 U% X4 M9 |& k2 K8 U- 8 g; }1 c5 p v3 K. t7 |4 h
$ i1 x/ a& Y+ h8 o5 s' y6 o7 u) t
webdata.set('vod'+url,dp.video.currentTime);
4 h7 Y2 L: u1 d/ n3 i! x) w2 q6 V! B) t# N* w- r
- , `1 F/ v6 O+ k% I8 @
, i2 o' [0 g) }$ |2 m },1000);% K' W- X3 \& ^* ~: _3 E
9 `$ [4 u7 O1 n s# }/ ~, G
- ) ?0 k' J" `9 K
* P: @. [( D# A dp.on('ended',function() {) J: o5 H0 R6 [/ V0 g4 o5 G
' s' w* \* Q5 Z. ^4 K( C
7 h6 V. B6 p8 L4 q W- Q& g
0 a0 J) k5 \4 n1 A. C dp.notice("视频播放已结束"); //可以替换成下一集调用等代码
3 x, j6 m/ s, y4 \1 d" k2 _7 h% \) _% W! ?4 B9 e( g
. [( D1 y, }) S( C/ t' g( }' q! K! h$ G8 e3 M5 l4 Q7 X' S7 t
if(parent.MacPlayer.PlayLinkNext!=''){7 y' M( r1 e8 f
4 r5 [2 j" \( q- T7 s- g" d3 f* d- ) _) d6 h k B3 e' u3 M
/ Z8 j1 i. Y3 I$ o top.location.href = parent.MacPlayer.PlayLinkNext;}( E3 N' ~$ N' g( N1 @
% x, [, Q" r1 s
9 h5 h/ D: F* G. y4 z7 `6 b) a3 z' e; b
});
4 L! \: X+ J: w# L6 u4 d5 r2 b6 k" t% [
- ; j7 e( { |0 c
) b. o8 Z- i2 K" M5 Y" R }
6 J0 h1 }! j$ ~/ w# X: D, j- _% ~
' A8 J) n# r6 a1 { - v4 o! ]" K: q$ H' x
1 J! J! @3 e0 F
else{& H1 }8 f( A$ A: c
" ~: A0 d0 K2 n! v6 j
0 y+ e- c s ]8 V3 R1 _
# G. Z! v q" w" H& n3 s4 ~, C document.getElementById('dplayer').innerHTML='<video src="'+url+'" controls="controls" preload="preload" poster="" width="100%" height="100%" autoplay="autoplay"></video>';
) ~ a' A2 B4 \! U5 _) R0 u% A6 M# B/ x4 H; s; p
! r$ u" [: S* Z( W4 d
( a6 L! `# ^7 T8 ^0 G5 ]% g7 L }
& g/ T) |7 I3 G) Y
' j" u5 M7 G/ I2 P- 5 z5 h( s& B3 m, P
& H7 z* J1 i* j% W- i
function updateStats() {2 L$ y: k3 D/ O: U4 p- w
; {, p! p4 Q7 C
4 |9 h* u# p, u' t$ k3 V6 F$ p6 i$ e6 M0 n6 r& `2 E8 |
var text = '七星P2P正在为您加速' + (_totalP2PDownloaded/1024).toFixed(2)4 c9 s* c8 K+ y0 s5 ~
1 G9 z" S. C+ V7 V5 }2 ^
* @6 _! k. E) n2 ?& h; q* n% l4 o* @1 V
+ 'MB 已分享' + (_totalP2PUploaded/1024).toFixed(2) + 'MB' + ' 连接节点' + _peerNum + '个';. U- b2 m. ?0 s/ q' C9 |7 s
4 M3 @ X/ s2 { W6 F; X0 w
- / \* E/ u6 ?# R6 W' H
# m% E' f) B( @
document.getElementById('stats').innerText = text ;
: y* L1 z$ X8 o: [1 S% s/ P( b8 B/ i5 R Y
- 7 {! B8 }. W* { P2 \6 M% c
* Z& F6 }% I( w
}
$ I7 a% W, F) Y2 h
1 q6 m5 ^( m4 }8 A) j: _# I; I, L. p
* \8 S9 x5 U; E% B
+ f1 f! `( M, m5 i! V$ q; K </script> R0 `0 Z; W2 P8 q+ Q
1 b* Q1 z, W' r% ~/ m5 E+ S" H- % Q3 ~9 @5 n; Q+ w; [
X* F- L9 Z8 ~ <script>
1 H- f& m; ]7 i$ z+ B+ G3 U7 E1 [2 `/ V U0 m" a
% _; H7 q- Y3 i& }$ {( V' C0 z8 R( K) n7 ^
5 {5 b* s, h" Z/ E& N! I
! {& D1 Z# m+ P1 t2 y0 H- B5 M
* w9 d @* K3 p3 j) W9 P5 D+ t! X0 F: U9 |1 m
var video = document.getElementsByTagName('video')[0];( v7 l( N; U+ h2 _) x
% I2 d4 E; f3 L2 K1 B
2 }; p# X4 i2 X7 {# D6 N7 V* m
video.oncanplay = function(){- n- ~5 F: U% t7 B2 j) v* |
. k r+ n# C* J: c, o
! U# S/ `& x# N) I) }
% Y) `( { s8 G5 n+ h: D M) _+ h video.play();0 V5 f H) {* t- M% C
' X) n+ J* C! A9 W r. Q( D
+ b0 e9 W" J! w- I. E3 r# h, ^0 V& a$ |7 m. b f
}, C$ T7 g; p3 o) }- [
[7 S! o$ u: z) @- I. T- ! T; O$ a! S7 m; Q1 i
) q9 f: L$ y6 i
- }" w6 }3 m4 U2 _
. ?0 ]4 U; w: H4 G) c
5 K. Y& Q) U, x' H- n( T) e9 K. U2 b# G$ M" B/ j+ o
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
! ~2 s4 T. y- z
# u, z! v- O8 o j1 C% ^! O+ U- 8 E' x {. ?! s5 `* x: a1 ]
$ S/ W* A3 h/ E [ J' Y. F. h8 ]
//手机端% g% r1 _' p* O9 S& n) t& O4 C
. m' Z6 x2 h# D7 z! H4 q# u. H* D - 3 r# K. I4 p$ V+ g+ e
* Z) M- i' \# e3 A/ }5 M' u var img = new Image();' |% }& p5 L/ v4 c
. R j4 Q+ C% D. a% L5 @
" T0 h, B) s3 D5 |5 M- [# u, o
0 J2 i8 A8 j( c9 n& f% w0 {' T img.src="data:image/png;base64,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";0 Y9 S0 ]- l3 B0 Z0 {
+ ^9 _ @6 R9 [; r- R- - ?5 O p+ d8 J' |1 i
R- b+ o- f! V9 ^/ v2 y# l* i
document.getElementById("play_icon").appendChild(img);
# |8 [$ ?( D9 m7 [9 [$ G, o5 j1 U4 `; U: g! C+ b
5 |' w% `. t3 h1 O- f+ T( [0 j4 {' [4 ]2 _. p* d
: R- U8 V, g* m" B9 \0 T
0 K+ I2 D+ W) o
- ; c9 }8 y+ N$ j) x% c- U
; |, p; H* ~- K$ F% E& x" _! | video.setAttribute("playsinline", "true");
1 Q* c* y7 s j4 ?
8 d* H3 }. W6 k- u8 D7 n
# D( q w( a& z3 _# F
3 H; e- \# S7 j0 l# @2 [' j# g2 J video.setAttribute("webkit-playsinline", "true");
9 u: X, W z( O7 Z Y! Z% W; u% q8 S1 B
- $ M. N N4 n$ u( c. }3 R ?
8 I; q. N: x& ^' J video.setAttribute("x5-video-player-type", "h5");5 L K* |7 w9 H3 o, T$ o+ I8 H
0 W+ H4 x7 _) o# }
6 l$ I# H$ `9 V; l: Q0 W
* Q* [9 i. {& k% W& ], \7 H/ E$ E video.setAttribute("x5-video-player-fullscreen", "true");
0 w, I! ]+ |; F4 t9 F: v4 J, w2 f" Q
- ) }; N8 O* s+ c) K1 i1 n+ B2 {0 J r
* J* j# ]( r; `4 _' j" k5 P
2 @) E% b5 u- w. B7 v4 A
( ~) N- B0 `" o. R6 } - # O9 c- ~4 g; l; M
2 m5 P' u7 t. |: z; `8 p video.onplay = function(){# p# ]9 p V7 G9 h
( ~% U" D! V U3 Z% e+ n) v& p
% l L5 ?; V1 k! T8 Y+ s- L) z, c
document.getElementById("play_icon").style.display = "none";
5 }' \" s6 M- o5 O1 C
6 I8 S1 [* Q% }3 O) H7 j
, l; Q/ s: b: C% v
- Y# [) q5 b, h }
+ ]" S" n5 D Y: e
' S7 F: h! |- y2 e3 h- 8 F" N$ k. G3 L- g$ S2 n
& G% G9 d1 c8 ?
9 b" r. c. }0 g o1 `: r9 O5 O/ r7 Z$ e9 `( Y
- 8 }8 J! U) R4 ~) y0 D
8 }: P: v0 [: ]
video.onpause = function(){
+ c8 U0 ~' X* ]* R7 G7 J
. \" C) b4 T7 }5 s- a; V - + V! X5 V* g3 B# G+ [7 [" j5 ^
- M6 @7 \- H& m3 @; G. f$ h
document.getElementById("play_icon").style.display = null;
5 E; P$ K% u& F7 f' W, M" t6 P2 e5 Z: G* b9 Y
- & J' d/ d0 w# p6 i; D
* R* A+ }- l7 v! Y0 X& w9 C; t* I document.getElementById("play_icon").style.backgroundColor = "transparent";
% r: ]6 S1 ^' e3 ]* }% I3 D; z/ L, T# j3 V c
- ) m1 ~# N. k/ ]8 e
( c9 P; X/ L. O4 ^' h" j! {. B$ N
document.getElementById("play_icon").style.backgroundImage = "url()";
# U0 t/ L. Q, A+ R, _! f5 |" I( Y+ S7 B: E7 K! R
- ) c8 j% s6 v# m+ _: T" N# l
6 ?3 x- q/ G( l$ P" r8 I
}& o! e) L7 ?- B: }
& B: q1 e/ ~0 L! V# N - $ S/ V: U8 P& r5 k+ y
; X8 d6 S- X) G6 I/ h2 a' }
0 J2 f! ?+ j' h! U5 M8 X: K6 R% Y! X r8 o/ t
- ; t% B) t5 E5 f, G1 N, V
/ p) E/ f2 A" ?+ N* y$ |
var state = 0;' j+ @" M: R" T3 v$ |
$ C; ?" ?( a% J8 C a0 i
- " \8 h3 F0 z9 F
* T: B9 k$ C1 a8 Q3 K, v
document.addEventListener('touchstart', function(){ 3 \* i. d$ S. v* b& L
+ h# v# F: D4 I0 u8 T: B. o! D$ B
8 S1 S# G; g0 [" p& g
5 S7 j4 d. C" o if(state==0){
8 L. C, \5 I2 }0 u6 k8 O6 i
% u) R! \5 w: `9 i5 N. f+ p) s
2 `3 m. F$ Y8 d2 w9 a2 z2 v# D/ s
. s- H7 L. h& R' j' u; B; w1 X8 { video.play();
+ X* C, A" `; P* a: m. O$ |8 ?; \* I# {, S! Y1 e
- : n" X- b$ F0 [' c( p, \
! F2 Z/ N+ y0 s' ?# @4 ~! J state=1;
( a5 d! a7 U# P
5 L, B! C) C: G% e7 t - 3 q5 @+ z- n, u* C, V
9 q( g* J5 L# @ [. \ }
% q) M5 K, m4 `' V0 {) x1 Z8 J* J5 N
- , P2 f, W2 {1 h- p' ^( h, ^7 J/ A
; w% Z2 ]' [, f9 n4 L9 i' M/ V }, false);
1 e! C. Y; w: o3 \$ ~" r" A4 n: u0 o% ?4 x" {
- 2 ?& a+ ]. i+ P+ _. m* l
7 G8 |& F% |: }& ` document.addEventListener("WeixinJSBridgeReady", function () {
L, q$ f; ~. Z# b3 R, Z7 ^4 J y$ V s
6 q6 F1 T" n" Z, a |( ~7 J1 @& [$ y: z7 J/ b& d; i3 s2 v6 r: A( D/ T
video.play();
7 x/ n' g, q$ F8 |! |0 |% e
% Q9 p0 y9 w; M) y- * M/ t/ I6 W1 Y& f
- F' M; H$ n) u. i/ T4 h" U: ^
}, false);; |& s$ ^- e( R2 z+ G/ J
7 S) K) p9 ?) n
- ! W9 |0 P: C" l2 p7 v0 e4 O8 u
6 p. n' f+ M4 O/ D6 q }else{+ D: V: o' Z' V4 } n# g2 t
6 f3 `( m& O% s4 z. i- Z. `
- ( {* y( j1 }2 ]5 O& A! Q
& z( p* v; r. `/ T //电脑端& Z2 s1 i D( q% @$ O) j& _
- v, y2 f3 ?* [4 w
2 K6 ~1 H+ \$ P0 s p8 i) E j& D2 c7 h) x: E1 ?: g
document.getElementById("play_icon").remove();7 h( T$ m. q+ U& [4 h& z5 N8 \
) m: B: }" I+ c; Y# C
- / Q* b5 B2 s" o- }' d9 d
# J; X5 q C8 Y) E
}
8 i% h7 [; v. U1 K9 b6 Z5 z0 N5 ~' `* O/ G* |
9 m: F, W8 B7 d k$ C% Y; Z; I0 A& E" m4 A
) w; @/ Q i ^: c7 h8 G- m% o
7 L3 ^4 p( E8 V9 O2 X
) t/ I+ o0 I. ^. p8 q* t6 ^" ]% A3 }. a: O$ e0 R
function playVideo(){
8 g1 j( W+ h0 M1 f' V9 r
& F3 p/ P1 ]6 r4 \2 v' I" b2 k' p7 n
- r/ F+ p* y# Q) Z4 h; D0 j$ x! N$ V3 [& t; t3 q: B0 \# _
document.getElementById("play_icon").style.display = "none";
, }& F [; `' g& y0 A" j+ j7 N. W% P( {8 a$ }0 B+ R- L( M2 Z$ k, V
- ( Q8 C% K) y8 E( ?1 M
4 r8 B$ {9 ~# c
video.play()% R& D2 t" w: Z' A( @' ^( {/ W
! I9 P q5 u% N+ c# `6 e
8 B" y, ]0 A4 H2 n; m2 j; C8 {, w6 D+ {- d0 n1 m
} + q1 k2 |" S a8 t0 |5 j
& T# i( B) w- o
( k, o- a; ]% @- T3 U* h
9 Q0 x6 m6 Y! s5 [- t" S$ B" W: F, m# W1 @1 s
7 J7 u6 c# }+ {
& |& ?5 a1 ]. `% @0 ?' ]# n) k4 A9 |$ @$ D. \* c0 }
6 T: \. Y5 j2 F) @5 x: f) K$ C( O6 o" W N
4 p) N: P, C( H$ H
1 ^4 Z8 g/ p/ L$ Y </script>
4 P' Z, c5 s6 _
1 }3 v- s8 p! q4 U- d3 y4 L- $ _6 D7 X& I* w8 g
3 {" I Y- ~6 D; I, m
8 C7 f: B6 n* r5 X7 ~( d1 p4 X7 s3 i9 S8 b1 K3 f# G0 B
) q1 d% h& }3 q) \5 S$ A T N& A! c# {* H' X8 l
</body>
) _ X3 j' E5 n9 N; v6 O/ i9 j- X r: O
- Q, l4 B; x9 L. D& n/ w( m3 r# g0 v# m# f. d8 x! T' C. s1 E/ D
</html>$ y- b" T# g) L+ `/ @/ [
x" b4 o9 E1 @+ Q" q3 |. J
5 z* m" e& Y/ S$ |! B. E! i7 R 手机播放引导截图:
+ N' K" {! f* ]7 w0 D由于手机上不能自动播放,需要用户点击才能播放,所以加了引导点击,图片中代码中的2段base64数据,可以自行更换其他图片
) c* ^# s- w! ^- ~. s |