问题标签 [embedded-video]

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 回答
1323 浏览

html - 添加一个选项以通过我页面上的链接更改嵌入的 vimeo 视频

这是我所拥有的截图

在此处输入图像描述

现在在 Gigi 和 Bob 下,我有 5 个歌曲链接。我想将这些直接链接到我页面中的 vimeo 播放器,以便例如当用户单击 Gigi 下的“Silence”歌曲链接时,视频将转到这首歌。

Gig 下歌曲列表的当前 html 是

对于 vimeo 视频,它是

0 投票
1 回答
4788 浏览

html - 跨浏览器嵌入式视频灰度滤镜

在我的页面上,我正在嵌入来自 vimeo 的视频

对于我拥有的CSS

这适用于所有浏览器,但不适用于 internet exploere 11。

我知道自从 internet exploere 10 以来,他们删除了 filter 属性。

我遇到了多个建议用于图像的小提琴,并且在它们上具有悬停效果。

我纯粹是想为我的嵌入式视频添加一个灰度滤镜,没有任何悬停效果,而且我发现的一些小提琴不适用于嵌入式视频。

任何帮助将不胜感激,谢谢

0 投票
0 回答
179 浏览

ios - iOS YTPlayerview 不加载嵌入视频,而 Android Player API 加载

我目前正在开发一个显示足球比赛视频集锦的 iOS 应用程序。我们的一些嵌入式视频可以成功运行,但是一些视频会显示此错误消息。错误信息图片

使用等效的 Android Player API 在我们的 Android 应用程序上可以使用 iOS 上不可用的相同视频,是否可能不同平台具有不同的嵌入权限?或者有没有人有任何建议来解决这个问题?

0 投票
0 回答
110 浏览

javascript - JavaScript:在页面更改后制作嵌入式视频恢复位置

因此,我目前正在构建一个体验式网页作为个人项目。我有一个在所有页面之间保持一致的侧边栏,我希望它有一个嵌入的 youtube 播放列表,该列表将在页面开始时播放,然后在页面更改时从它离开的地方拿起(这是重要的部分) .

是否有一个我可以调用的函数可以使用上一页歌曲中的位置?理想情况下,查看该页面的任何人都会按照页面 a -> b -> c -> d 的顺序进行浏览。我只需要按该顺序拾取视频,但如果无论更改到哪个页面都可以继续播放,那就太酷了。

0 投票
0 回答
1415 浏览

javascript - 使用 javascript api 设置嵌入式 vimeo 视频的音量

我正在尝试使用响应式嵌入式 vimeo 视频创建以下场景:

  • 当音量控制可用时,从音量 0 开始
  • 当音量控制不可用时,从音量 1 开始

这是当前代码:

这样做的问题是,一些移动设备允许设置音量,而一些则不允许,但它们都没有在播放器中进行音量控制。因此,即使用户打开了音量(目前只有 Android),我也会在某些设备上看到静音视频。

一种可能的解决方案是用于userAgent检测移动设备而不是在那里设置音量。有没有更好的办法?

0 投票
2 回答
1193 浏览

html - 重新定位嵌入式 Facebook 视频?

对不起,如果这有点明显,我只是从 HTML 开始。我在我的网站上嵌入了一个 Facebook 视频,我可以调整宽度、高度等。但是,我无法重新定位它。居中对齐不起作用,但右对齐可以。我想以百分比定位它(例如顶部:20%;左侧:20%) 我尝试将嵌入代码放在一个 div 中并使用 CSS 给它位置,但它没有做任何事情。任何人都可以帮忙吗?

HTML:

CSS:

0 投票
1 回答
2097 浏览

css - 从嵌入的 YouTube 视频的任一侧移除黑条

我在这个网页上嵌入了一个 YouTube 视频。

我想删除单击播放时出现的两个黑条。

在此处查看屏幕截图:

丑陋的黑色边栏

我在 Stack Overflow 上进行了搜索,发现最接近的是这个,但没有帮助:

如何从 YouTube 视频中删除黑条

所以我尝试使用以下 CSS 调整视频:

起初我只是尝试调整视频,然后我也尝试调整视频容器元素,但都没有成功。

任何CSS大师可以帮助我吗?

我希望视频与单击播放之前出现的缩略图大小相同。

提前致谢。

0 投票
0 回答
722 浏览

laravel - 如何在 Laravel 中删除嵌入的 Youtube 视频标题

我想从我的 Laravel Blade 模板中的嵌入视频中删除标题,在图片中用橙色标记。该视频可能是 youtube 视频或来自其他网站的任何视频。

嵌入式视频

这是我的代码

showinfo=0在这里没有帮助,因为它可能不是 youtube 视频。

有没有办法在里面添加任何代码{!! Embed::make($data->links)->parseUrl()->getIframe() !!} 或任何解决方案?

0 投票
2 回答
276 浏览

javascript - 如何在 Bootstrap 模式关闭时停止 HTML 视频?

我使用以下代码以模态显示嵌入的视频,但是当我单击关闭按钮时,背景中的音频不会停止。对 Stack Overflow 上提供的解决方案进行了很多尝试,但没有任何帮助。

HTML 代码:

脚本:

0 投票
1 回答
4472 浏览

jquery - 如何使用 Vimeo 的“player.js”在一页上处理多个播放器

问题

我在一页上有多个 Vimeo 嵌入。它们每个都有自定义的、单独的 html 播放/暂停按钮来控制它们。

我认为最好的方法是创建一个玩家数组并从那里开始,使用一点 jQuery。像这样:

问题:

  1. 首先,这是正确的做法吗?有多个玩家在一个阵列中?Vimeo 文档似乎没有给出处理多个播放器的任何示例......否则我完全错过了它。
  2. 第二,如何一次控制所有玩家?例如,我在上面的代码中关于停止所有其他玩家的评论。

提前致谢!