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