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