问题标签 [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 回答
1746 浏览

asp.net - 如何:对 Flash 嵌入视频进行事件跟踪

我在带有 C# 网站的 ASP.NET 页面上有一个嵌入式视频。我想使用谷歌分析来跟踪该视频上的事件,例如按下播放按钮的次数。

这是我用来在网页上嵌入视频的代码:

如何在此视频播放器上进行事件跟踪?“播放”按钮嵌入在 Flash 播放器中……我应该使用 Flash API 来执行此操作吗?如果是这样,哪个,以及如何?

非常感谢!

0 投票
3 回答
24766 浏览

facebook - 在 Facebook 中播放嵌入的 mp4 视频,点赞或使用 Flash 分享

我有一个 H.264 编码的 mp4 文件,当提供它的页面被点赞或共享时,我试图将其嵌入到 Facebook 帖子中。

我的理解是,我只需要在被喜欢/共享的 URL 上放置正确的 Open Graph<meta>标签。但是,我尝试了几组不同的<meta>标签,当我将 URL 粘贴到我的状态更新并发布时,视频仍然没有嵌入。它确实嵌入了og:image属性中的图像,但是单击图像只会将用户传递给og:url.

当我使用Facebook Debugger 工具时,它为Raw Open Graph Document Information显示的内容如下:

上面的值已被替换为虚拟值,但它们都是有效的链接。

Facebook 似乎正确地解析了这一点,因为它显示在Type of Share -> Video下:

当我直接转到 Flash 播放器 url ( http://static.example.com/flowplayer-3.2.15.swf?config=%7b%22clip%22%3a%22http%3a%2f%2fcontent.example.com%2fpath%2fto%2fvideo.mp4%3fv%3d0%22%7d) 时,视频可以正确播放(嵌入在 Flash 播放器中)。

我尝试过/考虑过的事情:

跳过 Flash 播放器

最初我什至在列表中都没有 Flash 播放器,og:video而是尝试先使用 mp4 文件。Facebook 没有选择它并将喜欢/分享视为普通链接分享。

白名单

在允许嵌入视频之前,必须将应用程序/域列入白名单。这不再是必要的了。我没有将我的域列入白名单。

HTTPS

一些消息来源说,正在使用的 Flash 播放器需要通过 HTTPS 托管。我的研究表明,这仅适用于用户通过 HTTPS 浏览 Facebook 的情况,而我在测试时没有这样做过。

我目前正在使用支持 HTTPS 的 Flash 播放器运行一些测试,以查看是否有任何变化。

旧标签

最糟糕的是,我尝试添加较旧的 Facebook <meta><link>标签(例如titlevideo_src),看看它是否会选择它们。它没有。

缓存刷新

?fbrefresh=1在 Facebook 调试器中传递了 URL 和 URL,以确保 URL 的缓存版本被清除。这确实导致最新的元信息被拉入,但仍然没有嵌入。

iPad

因为我的标签中有video/mp4后备og:video,所以我在 iPad 应用程序中查看了我的 Facebook 新闻提要。令人兴奋的是,缩略图上覆盖了一个小播放按钮。但是,触摸播放按钮会导致重定向到共享 URL,而不是内联播放视频。iPad 上的 Safari 具有相同的行为(但没有播放按钮覆盖)。

文档命名空间

我将适当的 Open Graph / Facebook 命名空间添加到我的标记中:

但它似乎没有效果。我不认为他们是必需的。


有什么我在这里想念的吗?我觉得到目前为止我发现的很多资源可能已经过时了,因为 Facebook 已经多次更改了他们的 API,所以我可能错过了一个新的要求。

如何让视频在 Facebook 时间线中嵌入和播放?


看看 YouTube 的og:元标签,我能发现的唯一区别是:

  1. YouTubeog:urlog:video来自同一域子域 ( www.youtube.com)。我的服务来自同一个域,但不同的子域(媒体:content.example.com,播放器:) static.example.com子域是否必须与所有og:元信息相同?
  2. YouTube 的分享 URL 本身并不是直截了当.swf的,但它是 Flash 内容:

    /li>

刚刚意识到我的一个 URL 实际上位于不同的域中。我有一种感觉,那就是罪魁祸首。我现在正在移动一些东西来尝试一下。我已经更新了上面的元标记数据。没有提前做出这个观察感到有点不好意思。

0 投票
2 回答
643 浏览

php - 如何使用 php 或 perl 正确地将视频文件流式传输到网络

所以我是 Perl 和 Web 开发的新手,但我希望能就以下问题获得一些指导。

服务器 1 正在为我转码视频,并有一个 api 端点供我访问。它会给我想要推送到网络的文件流。因此,为了解决这个问题,可以说它是在以下位置访问的:

Server2 是我的网络服务器,我想要一个页面让我们访问这个视频流文件

我在 php 中看到你可以这样做readfile("server1:123\video_stream),但整个 video_stream 将在输出到页面之前被读入内存......或者我被告知。

我还在 Perl 中看到 ffmpeg 输出可以通过open(DATA, $ffmpegProcess)然后打印从该流读取的缓冲区到 web_stream 页面进行路由...

这一切都假设关于视频属性的标题信息是正确的。

是否像向服务器 1 发出 curl 请求并返回流输出一样简单,就像我已经使用 ffmpeg 输出一样?

我不是在寻找完整的解决方案,只是寻找最佳和最正确方法的一些方向。也许 php 和 Perl 根本就不是处理这个问题的正确工具?

0 投票
2 回答
795 浏览

c# - 在 WP7 浏览器控件中显示嵌入的视频 - 更新

我有一个嵌入在 html 页面上的 iframe 中的 youtube 视频。我正在尝试使用 WP7 应用程序中的 Web 浏览器控件显示此视频(即带有按钮的视频表示,您可以单击该按钮以启动默认的 wp7 视频播放器)。浏览器拒绝显示带有按钮的视频。注意:我用不同的嵌入式视频更新了下面的示例代码。测试代码如下所示:

XAML 是

我收到“视频播放需要 Adob​​e Flash Player 或支持 HTML5 的浏览器”

有人遇到这个问题并对解决它有一些想法吗?

注意:我无法控制来自第三方的内容。

0 投票
1 回答
99 浏览

vba - 将 .ppt 扩展名演示文稿中的视频存储在 PC 中

我想拍摄视频并将其存储在使用 VBA 的文件夹中(视频是在我的 PC 上使用 INSERT->Video->Video 插入的)。在 .pptx 和 .pptm 扩展名演示文稿中,我只需添加 .zip 扩展名即可将其转换为 zip 文件并提取其内容,包括视频(视频存储在 ppt/media 文件夹中)。

在 ppt 文件中,如果我输入 .zip 扩展名,我将无法提取内容。我尝试的另一件事是将其保存为 pptx 文件并添加扩展名 .zip。像这样我可以提取内容,但视频不在那里。

0 投票
3 回答
3943 浏览

python - 如何使用 Tumblr API 将嵌入式视频发布到 Tumblr?

我想使用tumblr api(在收到其访问令牌后)代表用户将视频发布到 tumblr。它适用于 youtube/vimeo 视频,但在提供特定视频 url 时不起作用(实际上没有从头开始上传),例如this video。我希望我的视频可以在 tumblr 仪表板(以及用户的博客)上播放。

我正在使用以下端点:https ://api.tumblr.com/v2/blog/myblog.tumblr.com/postHere与这些参数:

我怎样才能对其他类型的视频做类似的事情?

0 投票
1 回答
402 浏览

facebook - 带有嵌入式 YouTube 视频的博客帖子,可在 Facebook 上链接和播放

在博客风格的博客上,前一天我可能在博客文章中有一张图片,第二天有一个 YouTube 视频,当将博客文章链接到 Facebook 时,是否有可能让 Facebook 找到并发布相同的视频它如何在博客文章中找到图像?

我见过其他人谈论“元标签”:

但元标签仅用于博客/网页,所以这意味着我只能为整个博客设置 1 个视频,但我想使用嵌入在每篇文章中的视频(如果嵌入了视频)

0 投票
1 回答
96 浏览

html - 如何用嵌入的视频替换由菜单按钮调用的图像

我正在尝试调整 Web 模板以满足我的需求。该网站看起来像这样一个:http ://tomcreus.com 在左下方有三个按钮(1,2,3),可以更改背景图片。我想用嵌入的视频替换图片。这可能吗?有多难?我需要发布代码的哪一部分来提供帮助?

编辑

先感谢您!

0 投票
1 回答
479 浏览

windows - 嵌入式视频和 css 转换比例属性的 Windows Firefox 问题

这个问题说明了一切,但要提供一些细节,我有一个 html 页面,其中包含嵌入的视频,并且该页面位于 iframe 内。iframe 也在一个父 div 中,它被赋予了这个 css 属性:transform: scale(0.8)。在这种情况下,当您在 Windows 机器上的 Firefox 中运行视频时,视频不会出现。我在互联网上到处搜索,很多人都有同样的问题。我绝对需要缩放。我什至尝试transform: none在嵌入式视频上使用来取消其父级应用的缩放效果,但没有用。我知道这毕竟是一个浏览器问题,但有没有可能的解决方法?

0 投票
1 回答
561 浏览

html - .MOV 无法在嵌入式 Win 媒体播放器中播放

我在网页上嵌入了一个视频。由于客户要求,我必须使用 windows 媒体播放器,而另一层复杂性是这都是离线内容。该系统的目的是让用户在离线时访问文档。我确信有更好的方法可以在本地提供这些内容,但再次根据客户要求,这是必要的邪恶。

ISSUE: 启动页面上的视频无法在浏览器的 windows media player 中播放。如果我打开完整的桌面媒体播放器,视频播放得很好。

错误:

代码:

注意:使用此工具的假设是用户没有互联网访问权限,因此该codebase属性毫无价值,但我将其留在那里只是为了看看效果。