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