【问题标题】:CSS unable to change div position, this is causing clippingCSS 无法更改 div 位置,这导致剪辑
【发布时间】:2015-10-31 16:59:12
【问题描述】:

当您在我们的网站上播放视频时,youtube 视频容器会关闭,并且视频的一部分会从顶部剪切。

http://laughpot.com/a-terryfying-world-record-on-a-bike-must-watch/

我最近添加了一些 CSS 以使视频描述看起来更好,并且自从我这样做以来就发生了这种情况。

我什至删除了我的自定义 CSS,但视频仍在剪辑中。

任何人都可以使用 Chrome 开发人员工具检查视频 div 并找出导致此问题的 CSS 类或规则吗?我试图找到它,但没有成功。

我会很感激的!

【问题讨论】:

    标签: html css wordpress video youtube


    【解决方案1】:

    试试这个设置这个 css

    1.) iframe {height:473px;} 和

    2.) 为类 yesp-title 设置 display:none

    输出是这样的

    【讨论】:

    • 你知道如何在 youtube 视频上添加自定义 jQuery 延迟,以提示用户在播放前在 facebook 上分享视频吗?就像这里发生的一样,roflpot.tv/videos/…
    【解决方案2】:

    class="html5-video-container" 中的视频 class="video-stream html5-main-video" 元素本身存在导致此问题的顶部

    顶部:101.25 像素;

    【讨论】:

      【解决方案3】:

      要解决这个问题,你可以更优雅地使用 fitvid jQuery 库

      http://fitvidsjs.com/

      WP 插件也可用于 fitvids。

      https://wordpress.org/plugins/fitvids-for-wordpress/

      【讨论】:

        猜你喜欢
        • 2014-12-07
        • 2019-07-02
        • 1970-01-01
        • 2016-02-28
        • 2011-01-22
        • 1970-01-01
        • 1970-01-01
        • 2016-05-05
        • 1970-01-01
        相关资源
        最近更新 更多