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