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