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