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