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