问题标签 [video-embedding]

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

javascript - 如何在页面加载时自动播放嵌入 YouTube 视频?

在发布此问题之前,我确实搜索了该网站,但我正在寻找一个非常具体的答案。

我正在创建一个带有全宽滑块的网站。第一张幻灯片是 1 分钟的嵌入 Youtube 视频。当用户到达现场时,我需要视频自动播放,但是当用户向下滚动页面或幻灯片更改时,我需要视频自动停止。

Slider.html

0 投票
1 回答
433 浏览

firefox - 响应式 iframe 中的 YouTube 视频未在 Firefox 中显示

我正在构建一个响应式网站,上面嵌入了 youtube 视频。该视频位于响应式 iframe 中,并且在除 Firefox 之外的所有浏览器中都可以正常运行。它根本没有出现。

我尝试了保存模式,将 html5 添加到链接中,将所有 js 和 js 查询注释掉。如果我在 px 中添加宽度和高度,它确实显示并且工作正常,但是它没有响应。

我可以通过将容器的高度更改为百分比或 vw 值来显示它。无论我添加什么图形,它都会将视频渲染为双倍高度并切断左右两侧的大部分。当视口缩小时,它也会切断更多的宽度。将容器值更改为 0 以外的任何值时,所有其他浏览器都会发生同样的情况。

试过 Firebug,但那甚至没有看到 iframe。

这是代码:

网址: https ://www.marjanderksen.com

0 投票
2 回答
168 浏览

video - 为什么建议添加视频链接而不是嵌入视频以符合 ADA 标准?

我在许多关于 ADA 合规性的建议列表中看到,视频是链接而不是嵌入的(比如这里:http ://www.techrepublic.com/blog/web-designer/creating-an-ada-compliant-website/ )。我读到这是来自人类服务部的,在 DOJ 建议之上,但我无法找到为什么这是提高可访问性的最佳实践的原因。

0 投票
2 回答
1355 浏览

ajax - 移除 DOM 后视频还在播放,如何彻底消除?

我的网站上有一个容器,每当单击某种类型的链接时,我都会通过jQuery动态注入新内容。 Ajax/XHR

对于某些页面,此容器包含一个网格,其中包含多个循环播放的HTML5元素。 <video>

XHR requests在某些时候,我在更换容器内的内容之后经历了越来越多的性能下降。取消我的视频静音后,我仅通过来自扬声器的音频认识到它们实际上仍在播放,即使它们已完全从'不在了)。DOMXHRDOM

我现在尝试了一些事情,但似乎都没有帮助:

  • 使用jQuery 的. 在我注入新内容之前从remove()所有视频XHR request中删除视频DOM
  • Javascript在加载新内容之前暂停视频

这似乎只是随机工作,这让我发疯。有时,某些或所有视频会从某个地方开始播放,与新的视频内容重叠。此外,它们没有出现在 Chrome DevTool 的网络选项卡中……</p>

我有一种感觉,由于缓冲的东西只是经典的DOM-querying,而操作在这里不起作用……任何关于我可以放入我的 pre-XHR 请求函数中的提示,以确保来自(和关闭,在缓冲区和其他地方的任何当前<video>内容)DOM) 真的是 100% 被删除,换句话说“被杀”了吗?

编辑:这是我的问题的简化演示,尝试单击divID #content http://www.letrip.de/html5video-problem/

您可以通过将 /js/app.js 添加到 URL 来查看 Javascript

0 投票
1 回答
164 浏览

javascript - Squarespace Javascript未加载

我在尝试将 javascript 嵌入到我的 squarespace 封面时遇到问题。该脚本是在他们按下播放按钮时从 vimeo 加载随机视频。我当前的网站有相同的播放按钮,但它只是在这里播放最新的内容http://www.andrewlozano.com/

我试图使用的代码是这个

但是,虽然它在测试时有效,但在方形空间中却不起作用。我收到 404 未找到错误。

网站错误

关于可能发生的事情或搞砸的任何想法?任何查看方向或建议将不胜感激。

0 投票
2 回答
1193 浏览

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

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

HTML:

CSS:

0 投票
1 回答
1372 浏览

javascript - Youku JS API - 播放/暂停方法和事件

我正在尝试将 YouKu 功能添加到网站,以与画廊中的其他视频并排放置。

我正在使用我在https://cloud.youku.com/docshttps://cloud.youku.com/tools找到的文档(我一直依赖谷歌翻译作为我对中文的理解是不存在的!)

这第二个链接建议这样的片段:

但是,该pauseVideo方法不起作用,抛出Cannot read property 'pauseVideo' of null"错误

在其他文档中,我找到了一个events参数,但这对我也不起作用。

有没有人有任何以编程方式控制优酷视频的经验?

0 投票
2 回答
91 浏览

python - 视频嵌入

我有一个要添加视频的 Django 站点。目前用户可以上传他们的照片,我希望每个用户也能够添加他们的视频。我不知道该怎么做,因为我是一个初学者程序员。你能指导我正确的方式吗?

0 投票
1 回答
1966 浏览

html - YouTube 嵌入视频从特定时间开始(不起作用)

我希望嵌入视频在特定时间开始。在这种情况下,进入视频 66 秒。您好已经尝试了下面的各种版本的 html 代码,其中涉及添加?start=66#t=66s到 URL 的末尾,但似乎没有任何效果。也尝试删除?ecver=1但没有改变它。我还尝试添加version=3到 URL 的末尾。

我在 Firefox 57.04 和 Chrome 63.0.3239.132 上都试过了。

它只是不会在特定时间开始播放视频。

0 投票
1 回答
802 浏览

markdown - 如何在预览模式下制作 Markdown 渲染 html 代码(真正的内嵌 YouTube 视频)?HackMD 不能是唯一知道的人

我不是这个编码领域的编码员,我对 Wordpress (WP) 编码的了解比其他任何事情都多。这些其他软件及其编码系统对我来说都是新的,我之前从未使用过的降价语言,好吧,现在,但我正在使用它(看起来很简单)。

就降价语言而言,我首先看到了 HackMD/CodiMD (HMD/CMD) 降价编辑器及其关于内联“外部”资源(例如视频、幻灯片共享等)的部分。所以,我认为这是全面的降价标准,直到我遇到其他无法制作内联视频等的降价编辑器。

我发现奇怪的是,当我查看如何为内联 YouTube (YT) 视频进行降价时,我看到了大量的“降价不可能”。响应后跟“伪造”方法,这并不能满足我的需要。同样,我习惯于毫无问题地嵌入视频(WP 背景):只需粘贴视频的 url 链接或嵌入代码,就可以了,我不会在 YT 的实际域上观看它。

所以,我需要一些帮助,试图弄清楚如何实现 HMD/CMD 能够通过在其降价编辑器中渲染内联 html(例如视频等)成功地完成的工作,而其他人都一直说这是不可能的。再说一次,我不熟悉这种软件的编码,以根据自己的喜好对其进行改进,但我绝对愿意学习。我只需要指出正确的方向,这样我就可以将它实现到 QOwnNotes (QON) 软件中,然后我就会对它感到非常满意。

如果你想知道我为什么不直接使用 HMD/CMD,因为它已经拥有我需要的东西:我肯定会拥有,如果它安装在我的系统上,我已经尝试了好几次,而且几种不同的方法都无济于事. 但是现在我已经搞砸了 QON 的 UI 自定义功能,它毫不费力地安装在我的桌面上,我实际上能够重新设计该软件的默认 UI,这需要一些时间(我不得不研究它的代码并学习新的东西),但我真的很喜欢这个结果。如果将来我可以将 HMD/CMD 安装在我的 Arch GNU/Linux 上,那么我将同时使用这两者。

同时,如果在正确方向上为 YT 视频复制内联 html 渲染(如 HMD/CMD)成功提供任何帮助,我们将不胜感激。