太阳成游戏网站

联系官方销售客服

QQ1835022299

028-61286886

太阳成游戏网站CMS实现点击视频在弹窗中浏览播放的方法非常简单,新手小白都可以实现。方法一、CMS内置方法实现

第一步:

模板中引用系统JS函数类文件

image


第二步:开始调用

调用方法:


点击弹窗查看视频

示例1:列表循环中实现

{module catid=$catid order=updatetime page=1}

  
  点击弹出层播放视频
  

{/module}

就这么简单,已经实现了

效果如下图所示:

image


但它有个缺点:

弹窗大小是固定的,点击空白区域无法关闭,而且会显示视频URL地址,因为这个内置方法主要用于后台的视频查看。

那么就有了完美的方法二

方法二:自定义方法

优点,可自定义宽度与高度,自适应移动端,点击视频外阴影区域可关闭。

1、在模板中添加这段JS:

看不懂没关系,直接复制使用即可:

2、调用方法:


点击弹窗查看图片


示例1:

以单文件字段上传视频为例:


点击弹出层查看视频


完整示例2:

列表循环中:

{module catid=$catid order=updatetime page=1}


   
     
     
     
      
         {$t.title}
      
      {dr_strcut($t.description, 80)}

   
{/module}

效果如下图所示:

image


欢乐时刻,二种一起使用对比下效果

{module catid=$catid order=updatetime page=1}


   
     
      方法一:点击弹出层播放视频
     
     
      方法二:点击弹出层播放视频
     
      
         {$t.title}
      
      {dr_strcut($t.description, 80)}

          
{/module}


打赏作者