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