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