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