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