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