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