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