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