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