【问题标题】:How to resize a video in slider revolution 5.4 for mobile view?如何为移动视图调整滑块革命 5.4 中的视频大小?
【发布时间】:2023-03-16 04:39:02
【问题描述】:

我在 this website 上设置了一个背景视频,并在 wordpress 上使用滑块旋转。一切正常,除了在智能手机上视频调整大小但仍然在右侧和左侧被裁剪掉。 (顺便说一句。这只会在实际的智能手机上发生,但如果您在 Google Chrome 上以响应模式检查网站,则不会发生)

我还没有找到一种方法可以在滑块旋转中使移动视频更小,所以我正在寻找一个自定义 css 选项来手动完成。滑块旋转中的响应选项仅适用于图层,但不适用于视频背景。

有没有办法给视频我猜的最小宽度(?),以便视频中的文本动画在移动设备上完全可见?我应该使用自定义 CSS 指向哪个容器?

【问题讨论】:

  • 元素宽度必须超过屏幕尺寸,因此您必须首先检查和查找导致视频部分无法正常显示的元素,并将其设置为 max-widrh 为 100%。因此可能会解决您的问题。
  • 这是一个关于 Wordpress 特定插件的非常具体的问题,因此您可能会在此处获得所需的专业知识。您是否尝试过插件开发人员或他们在 wordpress.org 上的支持页面?您可能会在 WP 相关论坛上获得更多帮助。

标签: css wordpress


【解决方案1】:

我并没有完全按照我想要的方式解决这个问题。在这种滑块旋转的特定情况下,我没有使用背景功能,而是使用视频创建了一个图层。然后我关闭了“Force Cover”并增加了视频中文本的大小以填充移动屏幕。

【讨论】:

    猜你喜欢
    • 2018-02-16
    • 1970-01-01
    • 2015-10-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-29
    • 1970-01-01
    相关资源
    最近更新 更多