(创建页面,内容为“<includeonly> <div class="video-responsive" style=" position: relative; padding-bottom: {{#expr: ({{#if:{{{ratio|}}}| ({{#explode:{{{ratio}}}|:|1}} / {{#explode:{{{ratio}}}|:|0}})|9/16}}) * 100}}%; height: 0; overflow: hidden; max-width: 100%; {{#if:{{{border|}}}|border:{{{border}}};}} {{#if:{{{background|}}}|background-color:{{{background}}};}} {{#if:{{{radius|}}}|border-radius:{{{radius}}};}} {{#if:{{{shadow|}}}|box-shadow:{{{shadow}}};}}…”) |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
<includeonly> | <includeonly> | ||
<div class="video- | <div class="video-player-wrapper" style="{{#if:{{{width|}}}|width:{{{width}}};|max-width:100%;}} margin:0 auto;"> | ||
position: relative; | <div class="video-container" style=" | ||
position: relative; | |||
padding-bottom: {{#expr: ({{#if:{{{ratio|}}}| ({{#explode:{{{ratio}}}|:|1}} / {{#explode:{{{ratio}}}|:|0}})|9/16}}) * 100}}%; | |||
height: 0; | |||
overflow: hidden; | |||
{{#if:{{{border|}}}|border:{{{border}}};}} | |||
{{#if:{{{background|}}}|background-color:{{{background}}};}} | |||
{{#if:{{{radius|}}}|border-radius:{{{radius}}};}} | |||
{{#if:{{{shadow|}}}|box-shadow:{{{shadow}}};}} | |||
{{{style|}}} | |||
"> | "> | ||
<video | |||
controls | |||
{{#if:{{{autoplay|}}}|autoplay|}} | |||
{{#if:{{{loop|}}}|loop|}} | |||
{{#if:{{{muted|}}}|muted|}} | |||
{{#if:{{{poster|}}}|poster="{{{poster}}}"|}} | |||
style=" | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
{{#if:{{{ | {{#if:{{{controls-style|}}}|{{{controls-style}}}|}} | ||
" | |||
> | |||
<source src="{{{src}}}" type="video/{{#if:{{{type|}}}|{{{type}}}|mp4}}"> | |||
您的浏览器不支持HTML5视频播放 | |||
</video> | |||
</div> | |||
</div> | </div> | ||
</includeonly> | </includeonly> | ||