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