remove ads

This commit is contained in:
Harvey committed 2022-06-20 10:09:20 +08:00
1 parent 92f751250e
commit 7bbe1ed0be
16 files changed
+14 -282

No files matched your search

@@ -1,80 +0,0 @@
---
title: How to add video ads
sidebar_position: 5
---
Video ads play before main video playback, support multiple video ads
<div className="run-code">▶ Run Code</div>
```js
var art = new Artplayer({
container: '.artplayer-app',
url: 'https://artplayer.org/assets/sample/video.mp4',
muted: true,
autoSize: true,
autoplay: true,
ads: [
{
url: '/assets/sample/test1.mp4'
},
{
url: '/assets/sample/test2.webm'
},
],
controls: [
{
position: 'right',
html: 'Skip The Ads',
click: function () {
// Skip The Ads
art.ads.end();
},
},
],
layers: [
{
html: 'Skip The Ads',
style: {
position: 'absolute',
top: '20px',
right: '20px',
},
click: function () {
// Skip The Ads
art.ads.end();
},
},
],
});
art.on('ready', function () {
// Triggers when each video advertisement is played
art.on('ads:start', (item) => {
console.info('Ads is playing: ' + item.url);
});
// Triggers when all video advertisements are end
art.on('ads:end', () => {
console.info('Ads is end');
});
// Current advertising index
console.info(art.ads.index);
// Whether all the advertisements are ended
console.info(art.ads.isEnd);
// Whether the advertisement is playing
console.info(art.ads.playing);
// The object of the prev advertisement
console.info(art.ads.prev);
// The object of the current advertisement
console.info(art.ads.current);
// The object of the next advertisement
console.info(art.ads.next);
});
```
@@ -1,78 +0,0 @@
---
title: 如何添加视频广告
sidebar_position: 5
---
视频广告存在于正式视频播放之前,支持多个视频广告
<div className="run-code">▶ Run Code</div>
```js
var art = new Artplayer({
container: '.artplayer-app',
url: 'https://artplayer.org/assets/sample/video.mp4',
muted: true,
autoSize: true,
autoplay: true,
ads: [
{
url: '/assets/sample/test1.mp4',
},
{
url: '/assets/sample/test2.webm',
},
],
controls: [
{
position: 'right',
html: '跳过广告',
click: function () {
art.ads.end();
},
},
],
layers: [
{
html: '跳过广告',
style: {
position: 'absolute',
top: '20px',
right: '20px',
},
click: function () {
art.ads.end();
},
},
],
});
art.on('ready', function () {
// 当每个视频广告播放时触发
art.on('ads:start', function (item) {
console.info('广告开始播放: ' + item.url);
});
// 当全部视频广告播放完成
art.on('ads:end', function () {
console.info('广告已经结束');
});
// 当前广告的下标
console.info(art.ads.index);
// 广告是否已经结束
console.info(art.ads.isEnd);
// 广告是否正在播放
console.info(art.ads.playing);
// 上一个广告的对象
console.info(art.ads.prev);
// 当前广告的对象
console.info(art.ads.current);
// 下一个广告的对象
console.info(art.ads.next);
});
```