Discuz! mp4 视频带封面的播放器代码

boonkiong

首先进入后台\界面\编辑器设置--Discuz! 代码

新增一个 video 的“标签”，然后点击“详情”进入编辑

• 替换内容：

1. <div align="center">
   
2. <video width="610"  controls style="max-width:100%" allowfullscreen controls="controls" poster ="{1}" >
   
3.         <source src="{2}"  type="video/mp4" />
   
4.         <source src="{2}"  type="video/ogg" />
   
5.         您的浏览器不支持HTML5视频。
   
6. 
   
7.     <div id="poster" class="poster" />
   
8.       <img class="poster" />
   
9.     </div>
   
10.     <style>
    
11.      /* 图片尺寸 */
    
12.       .poster img {
    
13.         width: 100% !important;
    
14.         height: 100% !important;
    
15.         object-fit: cover;
    
16.       }
    
17.     </style>
    
18. </video>
    
19. </div>

复制代码

• 解释:

1. mp4视频播放器

复制代码

• 参数个数:2

• 参数提示语:

1. 封面地址
   
2. 视频地址

复制代码

• 嵌套次数:1