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