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