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