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