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