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