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