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

问题描述

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

获取用户媒体后，我正在检查vue应用程序中的资源是视频还是图像，如果是视频，则显示html5播放器，其中绑定了从公众获得的网址json API。我要面对的是播放器无法复制视频，但是如果我在浏览器中使用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。有什么方法可以用来在我的应用中重现视频？

解决方法

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

,

（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的{​​{3}}中也可以使用。

在没有问题演示页面的情况下，解决方案只是一个猜测...

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

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

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