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