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