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