问题标签 [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.
javascript - 如何在页面加载时自动播放嵌入 YouTube 视频?
在发布此问题之前,我确实搜索了该网站,但我正在寻找一个非常具体的答案。
我正在创建一个带有全宽滑块的网站。第一张幻灯片是 1 分钟的嵌入 Youtube 视频。当用户到达现场时,我需要视频自动播放,但是当用户向下滚动页面或幻灯片更改时,我需要视频自动停止。
Slider.html
firefox - 响应式 iframe 中的 YouTube 视频未在 Firefox 中显示
我正在构建一个响应式网站,上面嵌入了 youtube 视频。该视频位于响应式 iframe 中,并且在除 Firefox 之外的所有浏览器中都可以正常运行。它根本没有出现。
我尝试了保存模式,将 html5 添加到链接中,将所有 js 和 js 查询注释掉。如果我在 px 中添加宽度和高度,它确实显示并且工作正常,但是它没有响应。
我可以通过将容器的高度更改为百分比或 vw 值来显示它。无论我添加什么图形,它都会将视频渲染为双倍高度并切断左右两侧的大部分。当视口缩小时,它也会切断更多的宽度。将容器值更改为 0 以外的任何值时,所有其他浏览器都会发生同样的情况。
试过 Firebug,但那甚至没有看到 iframe。
这是代码:
video - 为什么建议添加视频链接而不是嵌入视频以符合 ADA 标准?
我在许多关于 ADA 合规性的建议列表中看到,视频是链接而不是嵌入的(比如这里:http ://www.techrepublic.com/blog/web-designer/creating-an-ada-compliant-website/ )。我读到这是来自人类服务部的,在 DOJ 建议之上,但我无法找到为什么这是提高可访问性的最佳实践的原因。
ajax - 移除 DOM 后视频还在播放,如何彻底消除?
我的网站上有一个容器,每当单击某种类型的链接时,我都会通过jQuery动态注入新内容。 Ajax/XHR
对于某些页面,此容器包含一个网格,其中包含多个循环播放的HTML5元素。 <video>
XHR requests
在某些时候,我在更换容器内的内容之后经历了越来越多的性能下降。取消我的视频静音后,我仅通过来自扬声器的音频认识到它们实际上仍在播放,即使它们已完全从'不在了)。DOM
XHR
DOM
我现在尝试了一些事情,但似乎都没有帮助:
- 使用jQuery 的. 在我注入新内容之前从
remove()
所有视频XHR request
中删除视频DOM
Javascript
在加载新内容之前暂停视频
这似乎只是随机工作,这让我发疯。有时,某些或所有视频会从某个地方开始播放,与新的视频内容重叠。此外,它们没有出现在 Chrome DevTool 的网络选项卡中……</p>
我有一种感觉,由于缓冲的东西只是经典的DOM-querying
,而操作在这里不起作用……任何关于我可以放入我的 pre-XHR 请求函数中的提示,以确保来自(和关闭,在缓冲区和其他地方的任何当前<video>
内容)DOM
) 真的是 100% 被删除,换句话说“被杀”了吗?
编辑:这是我的问题的简化演示,尝试单击div
与ID
#content
http://www.letrip.de/html5video-problem/
您可以通过将 /js/app.js 添加到 URL 来查看 Javascript
javascript - Squarespace Javascript未加载
我在尝试将 javascript 嵌入到我的 squarespace 封面时遇到问题。该脚本是在他们按下播放按钮时从 vimeo 加载随机视频。我当前的网站有相同的播放按钮,但它只是在这里播放最新的内容http://www.andrewlozano.com/
我试图使用的代码是这个
但是,虽然它在测试时有效,但在方形空间中却不起作用。我收到 404 未找到错误。
关于可能发生的事情或搞砸的任何想法?任何查看方向或建议将不胜感激。
html - 重新定位嵌入式 Facebook 视频?
对不起,如果这有点明显,我只是从 HTML 开始。我在我的网站上嵌入了一个 Facebook 视频,我可以调整宽度、高度等。但是,我无法重新定位它。居中对齐不起作用,但右对齐可以。我想以百分比定位它(例如顶部:20%;左侧:20%) 我尝试将嵌入代码放在一个 div 中并使用 CSS 给它位置,但它没有做任何事情。任何人都可以帮忙吗?
HTML:
CSS:
javascript - Youku JS API - 播放/暂停方法和事件
我正在尝试将 YouKu 功能添加到网站,以与画廊中的其他视频并排放置。
我正在使用我在https://cloud.youku.com/docs和https://cloud.youku.com/tools找到的文档(我一直依赖谷歌翻译作为我对中文的理解是不存在的!)
这第二个链接建议这样的片段:
但是,该pauseVideo
方法不起作用,抛出Cannot read property 'pauseVideo' of null"
错误
在其他文档中,我找到了一个events
参数,但这对我也不起作用。
有没有人有任何以编程方式控制优酷视频的经验?
python - 视频嵌入
我有一个要添加视频的 Django 站点。目前用户可以上传他们的照片,我希望每个用户也能够添加他们的视频。我不知道该怎么做,因为我是一个初学者程序员。你能指导我正确的方式吗?
html - YouTube 嵌入视频从特定时间开始(不起作用)
我希望嵌入视频在特定时间开始。在这种情况下,进入视频 66 秒。您好已经尝试了下面的各种版本的 html 代码,其中涉及添加?start=66
或#t=66s
到 URL 的末尾,但似乎没有任何效果。也尝试删除?ecver=1
但没有改变它。我还尝试添加version=3
到 URL 的末尾。
我在 Firefox 57.04 和 Chrome 63.0.3239.132 上都试过了。
它只是不会在特定时间开始播放视频。
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)成功提供任何帮助,我们将不胜感激。