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