返回新闻列表

video标签,自定义设置某个div播放按钮,默认去除video播放等按钮,点击在显示,

发布日期: 2023-08-24 | 来源: 智软设计工作室

  <video src="img/xc.mp4" id="my-video" poster="enimg/pcv.jpg" controls></video>        

                    <div class="play" id="play-button"></div>


video标签,自定义设置某个div播放按钮,默认去除video播放等按钮,点击在显示,


<script type="text/javascript">




var video = document.getElementById('my-video');


video.controls=false;


var playButton = document.getElementById('play-button');




playButton.addEventListener('click', function() {


  video.play();


  video.controls = true; // 显示视频控件


  playButton.style.display = 'none'; // 隐藏播放按钮


});


</script>


推荐技术资料

2021 godaddy域名转出教程 最新版 转入阿里云 半个小时就能转出成功

2021-11-05

首页到域名列表找到要转移的域名。点击进去。先解锁域名转移限制,然后点击转出域名获取 转移密码。然后到阿里云,提交转入,到这一部后再次进入godaddy,点击转移,到里面点击批准转出。 如果当天看不到。就隔天去godaddy 批准。这样不用等5-7天。就能转入了。

阅读更多

{pboot:nav}{pboot:list }同时用 同是调用二级三级以及对应的文章内容

2022-12-08

标准格式大概如下:{pboot:nav}栏目链接:[nav:link]栏目名称[nav:name]{pboot:list scode=[nav:scode] num=4 order=date}内容链接:[list:link]内容名称:[list:title]{/pboot:list}{/pboot:nav}{pboot:nav} &nbs

阅读更多

禁止复制功能,实用于电脑pc和移动手机端触屏浏览器

2023-02-22

需要添加一段css代码:* { -webkit-touch-callout:none;/*系统默认菜单被禁用*/ -webkit-user-select:none;/*webkit浏览器*/ -khtml-user-select:none;/*早起浏览器*/ -moz-user-select:none;/*火狐浏览器*/ -

阅读更多

PBOOTCMS 加了权限的页面跳转到404 页面打开跳转404错误页面解决方法

2025-03-11

事情是这样的。我在windows环境测试都是后的。然后转移到linux环境。出现一个问题,就是有一个栏目要登陆后才能查看。但是他没有跳转。直接出现404,一开始以为是伪静态的问题。但是排查了下。不是这个问题,然后就找了下 出现这个错误的代码,具体修改是。注销这个自定义跳转到404代码。当调用出现问题或者数据库字段不一致

阅读更多

pbootcms怎么判断分页是否在尾页

2024-05-09

{pboot:if('{page:current}'=='{page:count}')} 尾页 {else}不在尾页

阅读更多

滚动倒退后保留 wow.js 动画效果 解决办法

2023-06-30

如果你希望在滚动倒退后保留 wow.js 动画效果,可以尝试将 resetAnimation 设置为 false。varwow=newWOW({resetAnimation:false,})wow.init();

阅读更多

ueditor解决video标签设置封面问题-自动显示视频第一秒为封面

2023-06-12

ueditor解决video标签设置封面问题自动显示视频第一秒为封面电脑端比较好解决修改ueditor.all.js找到 case 'video' 约在17609行左右:版本不一样所在行不一样,修改其下面的preload="none"修改为:preload="metadata"或者删除都可以,自己多测试一下确保正常即可!搜索对应修

阅读更多

pbootcms后台自定义字段多图上传 不能多图拖动解决办法

2025-05-25

修改\apps\admin\view\default\content\content.html底部拖动js代码。如下。即可解决自定义上传多图不能拖动的问题,<scripttype="text/javascript">/*$("#pics_box").dragsort({dragSelector:"dl",dragSelect

阅读更多

pboot:tags标签 显示当前页面的 tags

2021-10-18

直接写id参数当前页的{content:id}就行了。{pboot:tags id={content:id}}&nbsp;<a href='[tags:link]' class='tagc[field:highlight /]'>[tags:text]</a>{/pboot:tags}

阅读更多