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