| 1 |
- !function(){var a=document.createElement("style");a.innerHTML="@keyframes nutFadeIn-1a1fa3ea{0%{opacity:0}to{opacity:1}}@keyframes nutFadeOut-1a1fa3ea{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-1a1fa3ea],.nutFadeIn[data-v-1a1fa3ea],.nutFade-leave-active[data-v-1a1fa3ea],.nutFadeOut[data-v-1a1fa3ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-1a1fa3ea],.nutFadeIn[data-v-1a1fa3ea]{animation-name:nutFadeIn-1a1fa3ea}.nutFade-leave-active[data-v-1a1fa3ea],.nutFadeOut[data-v-1a1fa3ea]{animation-name:nutFadeOut-1a1fa3ea}@keyframes nutZoomIn-1a1fa3ea{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut-1a1fa3ea{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-1a1fa3ea],.nutZoomIn[data-v-1a1fa3ea],.nutZoom-leave-active[data-v-1a1fa3ea],.nutZoomOut[data-v-1a1fa3ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-1a1fa3ea],.nutZoomIn[data-v-1a1fa3ea]{animation-name:nutZoomIn-1a1fa3ea}.nutZoom-leave-active[data-v-1a1fa3ea],.nutZoomOut[data-v-1a1fa3ea]{animation-name:nutZoomOut-1a1fa3ea}@keyframes nutEaseIn-1a1fa3ea{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes nutEaseOut-1a1fa3ea{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.nutEase-enter-active[data-v-1a1fa3ea],.nutEaseIn[data-v-1a1fa3ea],.nutEase-leave-active[data-v-1a1fa3ea],.nutEaseOut[data-v-1a1fa3ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-1a1fa3ea],.nutEaseIn[data-v-1a1fa3ea]{animation-name:nutEaseIn-1a1fa3ea}.nutEase-leave-active[data-v-1a1fa3ea],.nutEaseOut[data-v-1a1fa3ea]{animation-name:nutEaseOut-1a1fa3ea}@keyframes nutDropIn-1a1fa3ea{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut-1a1fa3ea{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active[data-v-1a1fa3ea],.nutDropIn[data-v-1a1fa3ea],.nutDrop-leave-active[data-v-1a1fa3ea],.nutDropOut[data-v-1a1fa3ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-1a1fa3ea],.nutDropIn[data-v-1a1fa3ea]{animation-name:nutDropIn-1a1fa3ea}.nutDrop-leave-active[data-v-1a1fa3ea],.nutDropOut[data-v-1a1fa3ea]{animation-name:nutDropOut-1a1fa3ea}@keyframes rotation-1a1fa3ea{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-1a1fa3ea],.nutRotateIn[data-v-1a1fa3ea],.nutRotate-leave-active[data-v-1a1fa3ea],.nutRotateOut[data-v-1a1fa3ea]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-1a1fa3ea],.nutRotateIn[data-v-1a1fa3ea]{animation-name:nutRotateIn}.nutRotate-leave-active[data-v-1a1fa3ea],.nutRotateOut[data-v-1a1fa3ea]{animation-name:nutRotateOut}.demo[data-v-1a1fa3ea]{padding:57px 0 0!important}h4[data-v-1a1fa3ea]{margin-left:25px;margin-top:20px;font-family:PingFangSC-Regular;font-size:14px;color:#909ca4}.nut-cell[data-v-1a1fa3ea]{padding:0}.nut-cell[data-v-1a1fa3ea]:after{display:none}.m-b[data-v-1a1fa3ea]{margin-bottom:60px}\n",document.head.appendChild(a),System.register(["./mobile-legacy.a0830c9a.js","./vendor-legacy.7d1181c8.js","./index-legacy.dd24a166.js"],(function(a){"use strict";var e,t,n,o,i,u,s,l,c,d,r,p;return{setters:[function(a){e=a.c},function(a){t=a.a,n=a.A,o=a.B,i=a.C,u=a.r,s=a.o,l=a.e,c=a.j,d=a.k,r=a.g,p=a.l},function(){}],execute:function(){const{createDemo:f}=e("video");var m=a("default",f({props:{},setup(){const a=t({source:{src:"https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D",type:"video/mp4"},source1:{src:"https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D",type:"video/mp4"},options:{controls:!0},options1:{autoplay:!0,muted:!0,controls:!0},options2:{muted:!0,controls:!0},options3:{controls:!0,poster:"https://img12.360buyimg.com/ling/s345x208_jfs/t1/168105/33/8417/54825/603df06dEfcddc4cb/21f9f5d0a1b3dad4.jpg.webp"},options4:{controls:!0,playsinline:!0},options5:{controls:!1,autoplay:!0,disabled:!0,muted:!0,playsinline:!0,loop:!0}});return{play:a=>console.log("play",a),pause:a=>console.log("pause",a),playend:a=>console.log("playend",a),...n(a),changeVideo:()=>{a.source1.src="https://vjs.zencdn.net/v/oceans.mp4"}}}}));o("data-v-1a1fa3ea");const y={class:"demo"},v=r("h4",null,"基础用法",-1),P=r("h4",null,"自动播放",-1),b=r("h4",null,"初始化静音",-1),g=r("h4",null,"视频封面海报设置",-1),I=r("h4",null,"行内播放",-1),h=r("h4",null,"设置视频为背景图",-1),O=r("h4",null,"视频切换",-1),F=p("切换视频");i(),m.render=function(a,e,t,n,o,i){const r=u("nut-video"),p=u("nut-cell"),f=u("nut-button");return s(),l("div",y,[v,c(p,{class:"cell"},{default:d((()=>[c(r,{source:a.source,options:a.options,onPlay:a.play,onPause:a.pause,onPlayend:a.playend},null,8,["source","options","onPlay","onPause","onPlayend"])])),_:1}),P,c(p,{class:"cell"},{default:d((()=>[c(r,{source:a.source,options:a.options1,onPlay:a.play,onPause:a.pause,onPlayend:a.playend},null,8,["source","options","onPlay","onPause","onPlayend"])])),_:1}),b,c(p,{class:"cell"},{default:d((()=>[c(r,{source:a.source,options:a.options2,onPlay:a.play,onPause:a.pause,onPlayend:a.playend},null,8,["source","options","onPlay","onPause","onPlayend"])])),_:1}),g,c(p,{class:"cell"},{default:d((()=>[c(r,{source:a.source,options:a.options3,onPlay:a.play,onPause:a.pause,onPlayend:a.playend},null,8,["source","options","onPlay","onPause","onPlayend"])])),_:1}),I,c(p,{class:"cell"},{default:d((()=>[c(r,{source:a.source,options:a.options4,onPlay:a.play,onPause:a.pause,onPlayend:a.playend},null,8,["source","options","onPlay","onPause","onPlayend"])])),_:1}),h,c(p,{class:"cell"},{default:d((()=>[c(r,{source:a.source,options:a.options5,onPlay:a.play,onPause:a.pause,onPlayend:a.playend},null,8,["source","options","onPlay","onPause","onPlayend"])])),_:1}),O,c(p,{class:"cell"},{default:d((()=>[c(r,{source:a.source1,options:a.options,onPlay:a.play,onPause:a.pause,onPlayend:a.playend},null,8,["source","options","onPlay","onPause","onPlayend"])])),_:1}),c(f,{type:"primary",onClick:a.changeVideo,class:"m-b"},{default:d((()=>[F])),_:1},8,["onClick"])])},m.__scopeId="data-v-1a1fa3ea"}}}))}();
|
