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