Question

我使用标签名称（https://api.instagram.com/v1/tags/TAG/media/recent?client_id=XXX&callback=callbackfunction）的instagram api。从这些对象中，我打算只使用视频。

视频采用mp4格式，在firefox中无法正常运行。我无法以其他格式创建新视频，因为重点是动态显示信息。

mp4格式有什么解决方案吗？适用于浏览器和手机的任何后备解决方案？是否有任何Instagram参数可以获取其他格式的视频？

Answer 1

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

从API响应中获取视频的网址，例如

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

Answer 2

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

Answer 3

是的，您可以使用mediaelementplayer播放视频。它将简单地在所有非webkit浏览器上使用flash回退，因为Instagram API仅提供mp4。

这个插件实际上完全符合你的需要。

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

Instagram api - 视频mp4格式

3 个答案: