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