问题标签 [fitvids]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
7817 浏览

video - 响应式 tumblr 视频不适用于移动设备

在我正在开发的 tumblr 主题中,我使用 fitvids.js 来制作响应式视频。

所有常见的嵌入(YouTube、Vimeo 等)都像魅力一样工作。

我编辑了 FitVids.js 以支持 Tumblr 视频上传(tumblr 视频播放器)。它在桌面上运行正常,但在移动设备上不起作用。图片被裁剪,播放按钮太大,超出了视频容器。你根本无法播放视频。

在此页面上它可以工作,但我只是不知道如何: http: //mikehacks.tumblr.com/post/86858788257

我的html是:

视频容器仅用于添加一些边距:

我读了这个问题,但我依赖于 fitvids,js,我不能指望用户为纵横比添加标签。这也不适用于不常见的纵横比。抱歉开始一个新问题;我还不能发表评论。

我真的坚持这一点,非常感谢任何帮助!

0 投票
0 回答
103 浏览

javascript - 强制模块在过滤器返回时解析 dom

我有一个过滤器返回一个 youtube 嵌入,它有一个链接到模块的包装器。我的问题是过滤器返回模块永远不会应用于返回的 html,想知道如何强制它观看/重新编译。

筛选:

模块:

0 投票
1 回答
233 浏览

jquery - 在 Angular 2 组件中使用 FitVids JQuery 插件

我想在 Angular 2 组件中使用 FitVids JQuery 插件。我试图在 jquery.d.ts 文件的 JQuery 接口中添加 fitVids 函数,但出现错误。我正在使用打字稿。谢谢你们!

我使用了在 GitHub 上找到的这个jquery.d.ts文件。我将其修改为:

我得到的错误是:

0 投票
1 回答
17 浏览

javascript - 单击叠加图像开始视频后防止页面移动到顶部

我有一些代码可以在单击叠加图像后自动启动视频。问题是点击后,整个页面向上移动,而视频在页面下方播放。原因是什么?如何防止这种情况发生并允许视频在最初点击的位置播放?

这是 codepen 的链接(向下滚动查看视频):https ://codepen.io/NewbCake/pen/qMMQZo

这取决于 Jquery 和 Fitvids

感谢您的任何帮助!

HTML

CSS

JS

0 投票
0 回答
242 浏览

css - fitvids 正在向 youtube 视频添加 padding-top 作为内联重要

我正在通过 wordpress 使用 youtube 嵌入插件来插入 youtube 视频。它们在某些页面上运行良好,但在我的小部件区域中,插件padding-top: 50%向 div 添加了一个带有 类的内联元素'fluid-width-video-wrapper',这将我的视频向下移动了 50%,留下了很大的差距。但是,当我在网站的其他区域使用它时,该 div 不存在。

div 结构是:epyt-gallery > 宽屏 flex-video 没有问题,但在我的小部件区域它是:epyt-gallery > fluid-width-video-wrapper > 宽屏 flex-video。

我在这个区域做错了什么吗?有没有办法从小部件区域中删除内联样式或 div?我不知道该怎么做,因为插件似乎正在添加它。

小部件区域当前正在使用“文本”小部件内的简码。该插件被 EmbedPlus 团队称为 YouTube。