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