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