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