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