-
Notifications
You must be signed in to change notification settings - Fork 3
/
videojs4.html
87 lines (77 loc) · 3.56 KB
/
videojs4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0, user-scalable=yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> VideoJS </title>
<link href="videojs4/video-js.css" rel="stylesheet">
<link href="videojs4/videojs.vast.vpaid.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- <link href="http://stc.v3.news.zing.vn/videojs/v1.6_12/video_js/video-js.min.css" rel="stylesheet"> -->
<!-- <link href="http://stc.v3.news.zing.vn/videojs/v1.6_12/lib/videojs-contrib-ads/videojs.ads.css" rel="stylesheet" type="text/css"> -->
<!-- <link href="http://stc.v3.news.zing.vn/videojs/v1.6_12/lib/videojs.vast.min.css" rel="stylesheet" type="text/css"> -->
<script src="js/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="videojs4/video.js"></script>
<script src="http://stc.v3.news.zing.vn/videojs/v1.6_12/video_js/videojs.simpleoverlay.min.js"></script>
<script src="http://stc.v3.news.zing.vn/videojs/v1.6_12/lib/videojs-contrib-ads/videojs.ads.min.js"></script>
<!-- <script src="http://theonion.github.io/videojs-vast-plugin/videojs.vast.js"></script> -->
<script src="videojs4/videojs_4.vast.vpaid.min.js"></script>
<!-- <script src="http://stc.v3.news.zing.vn/videojs/v1.6_12/lib/youtube/youtube.min.js"></script> -->
<script src="videojs4/init_video.min.js"></script>
</head>
<body>
<div class="col-xs-12" style="padding-top: 20px; margin:0 auto;">
<video id="video_1" class="video-js vjs-default-skin vjs-big-play-centered">
<source src="//content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4" type='video/mp4' />
</video>
</div>
<!-- <div class="box-player">
<div id="video" class="themes">
<div id="overlay-play"></div>
<div id="overlay-stop"></div>
<div id="overlay"></div>
<div id="title-overlay" class="vjs-sample-overlay"></div>
<video webkit-playsinline id="adtima_player" class="video-js vjs-default-skin">
</video>
</div>
<script>
init_func();
</script>
</div> -->
<script>
var video = videojs("video_1", {
poster: "http://cdn.static.tuoitre.vn/i/s639/2017/02/7S14eKFB.jpg",
width: 490,
height: 275,
controls: true,
autoplay: false,
preload: "auto",
}, function() {
var s = document.getElementsByClassName("vjs-loading-spinner"),
t = document.getElementById("video_1").getElementsByClassName("vjs-big-play-button");
this.on("pause", function() {
t[0].style.display = 'block';
});
this.on("ended", function() {
this.posterImage.show();
t[0].style.display = 'block';
});
this.on("play", function() {
this.trigger("loadstart");
this.posterImage.hide();
t[0].style.display = 'none';
s[0].style.display = "block";
});
this.on("playing", function() {
s[0].style.display = "none";
});
this.on("seeking", function() {
s[0].style.display = "block";
});
}).vastClient({ adTagUrl: "http://network.tuoitre.vn/in&v&a&U3U5d0xmNGVkUnc9", vpaidFlashLoaderPath: '' });
// init_player();
</script>
</body>
</html>