"use strict";(self.webpackChunkartplayer_document=self.webpackChunkartplayer_document||[]).push([[778],{3905:function(e,n,t){t.d(n,{Zo:function(){return c},kt:function(){return m}});var r=t(7294);function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var s=r.createContext({}),p=function(e){var n=r.useContext(s),t=n;return e&&(t="function"==typeof e?e(n):i(i({},n),e)),t},c=function(e){var n=p(e.components);return r.createElement(s.Provider,{value:n},e.children)},u={inlineCode:"code",wrapper:function(e){var n=e.children;return r.createElement(r.Fragment,{},n)}},d=r.forwardRef((function(e,n){var t=e.components,a=e.mdxType,l=e.originalType,s=e.parentName,c=o(e,["components","mdxType","originalType","parentName"]),d=p(t),m=a,f=d["".concat(s,".").concat(m)]||d[m]||u[m]||l;return t?r.createElement(f,i(i({ref:n},c),{},{components:t})):r.createElement(f,i({ref:n},c))}));function m(e,n){var t=arguments,a=n&&n.mdxType;if("string"==typeof e||a){var l=t.length,i=new Array(l);i[0]=d;var o={};for(var s in n)hasOwnProperty.call(n,s)&&(o[s]=n[s]);o.originalType=e,o.mdxType="string"==typeof e?e:a,i[1]=o;for(var p=2;p<l;p++)i[p]=t[p];return r.createElement.apply(null,i)}return r.createElement.apply(null,t)}d.displayName="MDXCreateElement"},8094:function(e,n,t){t.r(n),t.d(n,{assets:function(){return c},contentTitle:function(){return s},default:function(){return m},frontMatter:function(){return o},metadata:function(){return p},toc:function(){return u}});var r=t(7462),a=t(3366),l=(t(7294),t(3905)),i=["components"],o={title:"\u5e7f\u544a\u63d2\u4ef6",sidebar_position:2},s=void 0,p={unversionedId:"zh-cn/Plugins/ads",id:"zh-cn/Plugins/ads",title:"\u5e7f\u544a\u63d2\u4ef6",description:"\u6f14\u793a",source:"@site/docs/zh-cn/Plugins/ads.mdx",sourceDirName:"zh-cn/Plugins",slug:"/zh-cn/Plugins/ads",permalink:"/document/zh-cn/Plugins/ads",draft:!1,tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"\u5e7f\u544a\u63d2\u4ef6",sidebar_position:2},sidebar:"zh-cn",previous:{title:"\u5f39\u5e55\u5e93\u63d2\u4ef6",permalink:"/document/zh-cn/Plugins/danmuku"},next:{title:"Iframe \u63d2\u4ef6",permalink:"/document/zh-cn/Plugins/iframe"}},c={},u=[{value:"\u6f14\u793a",id:"\u6f14\u793a",level:2},{value:"\u5b89\u88c5",id:"\u5b89\u88c5",level:2},{value:"\u901a\u8fc7 <code>npm</code> \u5b89\u88c5\uff1a",id:"\u901a\u8fc7-npm-\u5b89\u88c5",level:3},{value:"\u901a\u8fc7 <code>yarn</code> \u5b89\u88c5\uff1a",id:"\u901a\u8fc7-yarn-\u5b89\u88c5",level:3},{value:"\u901a\u8fc7 <code>script</code> \u5b89\u88c5\uff1a",id:"\u901a\u8fc7-script-\u5b89\u88c5",level:3},{value:"\u4f7f\u7528",id:"\u4f7f\u7528",level:2}],d={toc:u};function m(e){var n=e.components,t=(0,a.Z)(e,i);return(0,l.kt)("wrapper",(0,r.Z)({},d,t,{components:n,mdxType:"MDXLayout"}),(0,l.kt)("h2",{id:"\u6f14\u793a"},"\u6f14\u793a"),(0,l.kt)("p",null,"\ud83d\udc49 ",(0,l.kt)("a",{parentName:"p",href:"https://artplayer.org/?libs=./uncompiled/artplayer-plugin-ads/index.js&example=ads"},"\u67e5\u770b\u5b8c\u6574\u6f14\u793a")),(0,l.kt)("h2",{id:"\u5b89\u88c5"},"\u5b89\u88c5"),(0,l.kt)("h3",{id:"\u901a\u8fc7-npm-\u5b89\u88c5"},"\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"h3"},"npm")," \u5b89\u88c5\uff1a"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-bash"},"$ npm install artplayer-plugin-ads\n")),(0,l.kt)("h3",{id:"\u901a\u8fc7-yarn-\u5b89\u88c5"},"\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"h3"},"yarn")," \u5b89\u88c5\uff1a"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-bash"},"$ yarn add artplayer-plugin-ads\n")),(0,l.kt)("h3",{id:"\u901a\u8fc7-script-\u5b89\u88c5"},"\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"h3"},"script")," \u5b89\u88c5\uff1a"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-html"},'\x3c!-- \u672c\u5730 --\x3e\n<script src="path/to/artplayer-plugin-ads.js"><\/script>\n\n\x3c!-- jsdelivr --\x3e\n<script src="https://cdn.jsdelivr.net/npm/artplayer-plugin-ads/dist/artplayer-plugin-ads.js"><\/script>\n\n\x3c!-- unpkg --\x3e\n<script src="https://unpkg.com/artplayer-plugin-ads/dist/artplayer-plugin-ads.js"><\/script>\n')),(0,l.kt)("p",null,"\u7136\u540e\u4f60\u53ef\u4ee5\u901a\u8fc7 ",(0,l.kt)("inlineCode",{parentName:"p"},"window.artplayerPluginAds")," \u8bbf\u95ee\u5230\u63d2\u4ef6\u51fd\u6570"),(0,l.kt)("h2",{id:"\u4f7f\u7528"},"\u4f7f\u7528"),(0,l.kt)("div",{className:"run-code","data-libs":"./uncompiled/artplayer-plugin-ads/index.js"},"\u25b6 Run Code"),(0,l.kt)("pre",null,(0,l.kt)("code",{parentName:"pre",className:"language-js"},"var art = new Artplayer({\n    container: '.artplayer-app',\n    url: '/assets/sample/video.mp4',\n    autoSize: true,\n    fullscreen: true,\n    fullscreenWeb: true,\n    plugins: [\n        artplayerPluginAds({\n            // html\u5e7f\u544a\uff0c\u5047\u5982\u662f\u89c6\u9891\u5e7f\u544a\u5219\u5ffd\u7565\u8be5\u503c\n            html: '<img src=\"/assets/sample/poster.jpg\">',\n\n            // \u89c6\u9891\u5e7f\u544a\u7684\u5730\u5740\n            video: '/assets/sample/test1.mp4',\n\n            // \u5e7f\u544a\u8df3\u8f6c\u7f51\u5740\uff0c\u4e3a\u7a7a\u5219\u4e0d\u8df3\u8f6c\n            url: 'http://artplayer.org',\n\n            // \u5fc5\u987b\u89c2\u770b\u7684\u65f6\u957f\uff0c\u671f\u95f4\u4e0d\u80fd\u88ab\u8df3\u8fc7\uff0c\u5355\u4f4d\u4e3a\u79d2\n            // \u5f53\u8be5\u503c\u5927\u4e8e\u6216\u7b49\u4e8etotalDuration\u65f6\uff0c\u4e0d\u80fd\u63d0\u524d\u5173\u95ed\u5e7f\u544a\n            // \u5f53\u8be5\u503c\u7b49\u4e8e\u6216\u5c0f\u4e8e0\u65f6\uff0c\u5219\u968f\u65f6\u90fd\u53ef\u4ee5\u5173\u95ed\u5e7f\u544a\n            playDuration: 5,\n\n            // \u5e7f\u544a\u603b\u65f6\u957f\uff0c\u5355\u4f4d\u4e3a\u79d2\n            totalDuration: 10,\n\n            // \u89c6\u9891\u5e7f\u544a\u662f\u5426\u9ed8\u8ba4\u9759\u97f3\n            muted: false,\n\n            // \u591a\u8bed\u8a00\u652f\u6301\n            i18n: {\n                close: '\u5173\u95ed\u5e7f\u544a',\n                countdown: '%s\u79d2',\n                detail: '\u67e5\u770b\u8be6\u60c5',\n                canBeClosed: '%s\u79d2\u540e\u53ef\u5173\u95ed\u5e7f\u544a',\n            },\n        }),\n    ],\n});\n\nart.on('artplayerPluginAds:click', (ads) => {\n    console.info('\u5e7f\u544a\u88ab\u70b9\u51fb', ads);\n});\n\nart.on('artplayerPluginAds:skip', (ads) => {\n    console.info('\u5e7f\u544a\u88ab\u8df3\u8fc7', ads);\n});\n")))}m.isMDXComponent=!0}}]);