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