业务经理

微信扫描以上二维码

028-61286886

技术咨询

如何在首页模板中调用单独视频播放

迅睿框架 更新 2023-11-07 15:30:49 milky

          <div class="single-video">
              {content module=videojs id=51 return=t}
            <div class="video-icon">
                <a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="{$cc.url}" target="_blank">
                    <i class="fa fa-play"></i>
                </a>
            </div>
              {/content}

          </div>

首页调用单独的视频,并能够播放,已经写好了播放代码,但是无法找到地址,js采用的venobox1.6

方案

  • 吴启明 #1 · 2023-11-07 13:52:02
    你不是设置了t吗,为什么还用cc呢,href="{$cc.url}",内外不统一啊
  • 陈德显 #2 · 2023-11-07 15:21:21
    {module module=videojs id=51}

    标题:{$t.title} 描述:{$t.description} 截取20字 {dr_strcut($t.description, 20)} 地址:{$t.url} 缩略图: {dr_thumb($t.thumb, 200, 200)} 判断有无缩略图:{if $t.thumb}有的{else}没有{/if}时间:{$t.updatetime} 自定义时间:{dr_date($t._updatetime, 'Y-m-d')}所属栏目:{dr_cat_value("videojs", $t.catid, "name")} 栏目地址:{dr_cat_value("videojs", $t.catid, "url")} 视频的地址:{dr_get_file($t['videofile'])}<div class="video-icon">
    <a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="{$t.url} " target="_blank">
    <i class="fa fa-play"></i>
    </a>
    </div>


    {/module}
  • 陈德显 #3 · 2023-11-07 15:30:49
    {module module=videojs id=51}<video-js class="video-js vjs-16-9"><video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}" > <source src="{dr_get_file($t['videofile'])}" type="video/mp4" /> </video></video-js>
    • {/module}

    如果你要播放,就是这样。另外引用一下videojs的css和JS

迅睿系统漏洞

独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...
阿里云滑动验证码
阿里云滑动验证码(2026-09-10)
采用阿里云验证码替换迅睿系统自带的图片验证码和滑动验证码。后台设置方...
下载Plus
下载Plus(2026-09-09)
为网站附件下载加上“计数、限次、统计、防护”四重能力:按用户组控制下...