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