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