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