两杯汽水 2021-04-29 11:20 采纳率: 90%
浏览 37
已结题

点击视频播放，视频自动播放，视频的位置在banner那,但是控制条显示在视频的顶部是为什么？

现在banner加了轮播图效果，和视频播放在同一位置，点击视频播放，控制条自动跑到视频的顶部,默认视频给的controls="true"

  • 写回答

1条回答 默认 最新

  • 小小码农，可笑可笑 2021-04-29 14:10
    关注

    贴图贴代码，别人也不能空想啊

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • banner时间线自动播放切换
    2019-11-12 22:57
    在网页设计中，"Banner时间线自动播放切换"是一个常见的功能，主要用于展示一系列图片或内容，以吸引用户的注意力。这个功能通常应用于网站的首页、产品展示页等位置，通过自动循环播放来提升用户体验和视觉吸引力。...
  • Qt/C++音视频开发16-通用悬浮按钮工具栏的设计
    2023-02-23 12:04
    feiyangqingyun的博客 一开始设计的时候是写在视频控件widget窗体中，当时功能简单就放一排按钮在顶部悬浮widget中就好，随着用户需求的变化，用户需要自定义悬浮条的要求越发强烈，而且部分用户还希望悬浮条的位置能够指定，比如可以在...
  • JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
    2020-11-25 16:36
    `<div id="home_tx_in">` 是实际显示的Banner部分，通过CSS设置其初始位置为顶部负值，实现隐藏效果。`<DL>` 和 `<IMG>` 用于创建图片元素，而 `<SPAN>` 元素则包含文字内容，其中 `<B>` 用来强调文本，`<A>` 用于...
  • 前端banner轮播
    2019-02-18 16:15
    在前端开发中，"Banner轮播"是一种常见的网页设计元素，用于展示多张图片或内容，通常用在首页顶部以吸引用户的注意力。这种效果通过JavaScript和CSS技术实现，以适应不同屏幕尺寸，确保在各种设备上都能有良好的...
  • HTML+CSS+Query+Sick.js实现视频会循环播放并无缝切换到下一个视频，形成一个自动播放的轮播
    2024-09-03 10:16
    可可鸭~的博客 slick 初始化时设置了 autoplay, autoplaySpeed, 和 speed，其中 autoplaySpeed 和 speed 确保视频以...这样，视频会循环播放并无缝切换到下一个视频，形成一个自动播放的轮播。beforeChange 事件暂停当前播放的视频。
  • 宽频banner左右按钮切换自动轮播焦点图
    2021-01-23 05:16
    在网页设计中，"宽频banner左右按钮切换自动轮播焦点图"是一种常见的展示方式，它主要用于吸引用户的注意力，展示重要信息或者促销活动。这种设计通常位于网站的头部，占据显著位置，使得用户一进入页面就能看到。接...
  • 支付宝960宽滑动banner自动轮播焦点图
    2021-01-23 05:15
    "支付宝960宽滑动banner自动轮播焦点图"是一个特定的设计案例，主要针对的是网页顶部宽度为960像素的横幅广告区域，这种设计模式常见于响应式网站，以适应不同设备的显示需求。 首先，我们来详细了解一下这个设计的...
  • 仿土豆网豆单banner左右自动轮播焦点图
    2021-01-23 05:16
    【标题】"仿土豆网豆单banner左右自动轮播焦点图"所涉及的知识点主要集中在网页设计和前端开发领域，特别是动态效果的实现。这个标题指的是创建一个与土豆网豆单相似的Banner区域，该区域包含多张图片或内容，能够...
  • 仿照的淘宝商品详情页的浏览demo
    2020-09-11 17:51
    Tab切换通常使用CSS的Flexbox或Grid布局实现，而吸顶效果则是当用户向下滚动到一定位置时，使Tab栏固定在顶部。这需要监听滚动事件，通过JavaScript动态计算和设置元素的样式。为保证在不同设备上的兼容性，开发者...
  • 前端开源库-postcss-banner
    2019-08-30 03:33
    除了基本的横幅插入，postcss-banner还支持一些可选项，比如是否在没有注释的文件中添加横幅，以及横幅的位置（文件顶部或底部）。开发者可以根据项目需求调整这些参数，实现更个性化的配置。 总之，"前端开源库-...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 10月27日
  • 已采纳回答 10月19日