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