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