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