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