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