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