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