播放从公共 api 获取的 Instagram 视频

Question

我在 SO 上进行了一些搜索，以找到一种使用公共 api ?__a=1 方法显示 instagram 视频的方法。我找到了一个question，它为我指明了正确的方向，但根本没有。

在我获得用户媒体后，如果资源是视频或图像，我会检查我的 vue 应用程序，如果是视频，我会显示一个 html5 播放器，我在其中绑定从公众获取的 url json 接口。我面临的是播放器不会重现视频，但如果我在浏览器中使用 url，则会加载一个 html5 播放器，其中包含将开始播放的相关视频。 返回的视频网址是这样的：

"https://scontent-mxp1-1.cdninstagram.com/v/t50.2886-16/117420353_635186773777278_7723572524374891239_n.mp4?_nc_ht=scontent-mxp1-1.cdninstagram.com&_nc_cat=106&_nc_ohc=nI6tYDeag-0AX8MtmoL&oe=5F3C077B&oh=a47046b1aabf223f16c4c66526e20e57"

我尝试删除 .mp4 文件扩展名之后的所有部分，但这不起作用，所以我怀疑所有的 url 都是必需的。有没有一种方法可以用来在我的应用中重现视频？

Answer 1

不幸的是，经过多次尝试后，我没有弄清楚如何使用自己的 HTML5 播放器，所以我使用了一个简单的解决方案。设置了 url 的<iframe> 将让视频播放到应用程序中，这使我无法从播放器中删除下载按钮或控件，但目前这是我实现范围的唯一方法。

Answer 2

(1) 您的链接在视频标签中对我来说可以正常工作：

<video width="640" height="480" >

<source src="https://scontent-mxp1-1.cdninstagram.com/v/t50.2886-16/117420353_635186773777278_7723572524374891239_n.mp4?_nc_ht=scontent-mxp1-1.cdninstagram.com&_nc_cat=106&_nc_ohc=nI6tYDeag-0AX8MtmoL&oe=5F3C077B&oh=a47046b1aabf223f16c4c66526e20e57" 

type="video/mp4">

</video>

(2) 它甚至在使用vue.js 的random demo 中也可以正常工作。

没有您的问题的演示页面，解决方案只是猜测......

• 确保您自己的网站网址以https:// 开头，否则将视频src 更改为http://...etc。

• 确保您的服务器（设置？）没有以某种方式阻止您加载文件。

• 如果仍然失败，请通过指向您的测试页面的链接向我们展示问题。