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