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