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