Question

如何在Hybrid App中最佳地查看视频列表？

我有一个json数据，其中包含我在观看视频时需要的详细信息。

   [
      {
        "video_id":"1",
        "video_youtube_title":"Title 1",
        "video_youtube_description":"Description1",
        "video_youtube_thumbnail":"https:\/\/i.ytimg.com\/vi\/kPDnw3_1GOI/hqdefault.jpg",
        "video_youtube_date_published":"2016-03-07 15:00:00",
        "video_youtube_duration":"PT1M16S",
        "video_youtube_link":"kPDnw3_1GOI",
        "video_fb_link":"example\/posts\/1666877406894939",
        "video_date_added":"2016-03-09 07:00:00"
    }
        ,

        {
        "video_id":"2",
        "video_youtube_title":"Title 2",
        "video_youtube_description":"Description2",
        "video_youtube_thumbnail":"https:\/\/i.ytimg.com\/vi\/kPDnw3_1GOI/hqdefault.jpg",
        "video_youtube_date_published":"2016-03-08 16:00:00",
        "video_youtube_duration":"PT1M16S",
        "video_youtube_link":"kPDnw3_1GOI",
        "video_fb_link":"example\/posts\/1666877406894939",
        "video_date_added":"2016-03-09 06:00:00"
    },
     { more videos here...}
]

因此，我使用youtube链接显示并播放视频（新添加），如下所示：

<iframe width="100%" height="200" src="https://www.youtube.com/embed/kPDnw3_1GOI" frameborder="0" allowfullscreen></iframe>

下面是来自fb评论插件的评论框。

现在，我仍然坚持如何在新添加的视频下方的缩略图中查看所有其他视频，点击后它会显示在顶部并且能够播放。就像youtube网站一样。

有人可以告诉我如何最好地实现这个吗？或者它应该如何完成？

处理在混合应用程序中查看和播放视频

0 个答案: