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