Instagram api - 视频 mp4 格式答案

【问题标题】：Instagram api - Video mp4 formatInstagram api - 视频 mp4 格式
【发布时间】：2014-09-15 11:16:13
【问题描述】：

我通过标签名称 (https://api.instagram.com/v1/tags/TAG/media/recent?client_id=XXX&callback=callbackfunction) 使用 instagram api。从这一系列对象中，我打算只使用视频。

视频是 mp4 格式，在 Firefox 中无法正常工作。我不能以其他格式创建新视频，因为重点是动态显示信息。

有mp4格式的解决方案吗？浏览器和手机的任何后备解决方案？有任何 instagram 参数可以获取其他格式的视频吗？

【问题讨论】：

标签： html html5-video instagram

【解决方案1】：

您不必转换它们，而是使用mediaelement (MEJS) 插件播放它们，该插件在各种浏览器和设备中都受支持。

一旦您从 API 响应中获取视频的 URL，例如

http://distilleryvesper3-15.ak.instagram.com/b0ce80e6b91111e3a16a122b8b9af17f_101.mp4

你可以为他们每个人设置一个（HTML5）<video>标签

<video class="video-player" width="340" height="340" preload="none" src="http://distilleryvesper3-15.ak.instagram.com/b0ce80e6b91111e3a16a122b8b9af17f_101.mp4" poster="http://photos-h.ak.instagram.com/hphotos-ak-ash/10011258_688891784492223_294700298_s.jpg"></video>

并使用此脚本用 MEJS 初始化它们：

jQuery(document).ready(function($) {
    $('video').mediaelementplayer();
});

见JSFIDDLE

【讨论】：

【解决方案2】：

对于不支持播放 MP4 的浏览器，您需要恢复使用 Flash 播放器（JFK 提到的 MediaElementJS 播放器就是这样做的）。

【讨论】：

【解决方案3】：

是的，您可以使用 mediaelementplayer 播放您的视频。由于 Instagram API 仅提供 mp4，因此它只会在所有非 webkit 浏览器上使用 flash 后备。

这个插件确实可以满足你的需要。

http://codecanyon.net/item/simple-instagram-video/full_screen_preview/5039255

【讨论】：