如何使用ImageViews替换youtube iframe标记或缩略图

Question

我正在研究应用程序,它将博客页面中的内容作为jsoup节点/元素,某些页面包含youtube嵌入式标签iframe

像这样

    <iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/VXD6a_LgBaQ/0.jpg" frameborder="0" height="400" src="https://www.youtube.com/embed/VXD6a_LgBaQ?feature=player_embedded" width="600"></iframe>

我正在寻找一种方法来替换任何iframe youtube标签与imageView并在其上显示缩略图,当用户点击图像时,应用程序通过它打开YouTube应用程序并查看视频.

我发现在这里回答某人 ,他可以用图像视图替换img标签,我成功获取youtube链接和缩略图并在ImageView上查看图像

Element element = document.body();

                String youtubeThumbnailImageSrc = element.getElementsByClass
                        ("YOUTUBE-iframe-video").attr("data-thumbnail-src");

                String youTubeLink =
                        element.getElementsByClass("YOUTUBE-iframe-video").attr("src");

                Log.e("YouTube thumbnail", youtubeThumbnailImageSrc);
                Log.e("Youtube link", youTubeLink);

                if (youtubeThumbnailImageSrc.isEmpty()) {
                    youtubeThumbnailImagesetVisibility = 8;
                    intent.putExtra("youtubeThumbnailImagesetVisibility",
                            youtubeThumbnailImagesetVisibility);
                } else {
                    intent.putExtra("youTubeThumbnail", youtubeThumbnailImageSrc);
                    intent.putExtra("youTubeLink", youTubeLink);
                }

这个目的地应该是这样的

Answer 1

你打电话的时候

 String youtubeThumbnailImageSrc = element.getElementsByClass
                    ("YOUTUBE-iframe-video").attr("data-thumbnail-src");

您将仅为第一个元素获取属性值.

您需要手动迭代以获取所有链接:

    for (Element e : element.getElementsByClass
            ("YOUTUBE-iframe-video")) {
        String youtubeThumbnailImageSrc = e.attr("data-thumbnail-src");
        System.out.println(youtubeThumbnailImageSrc);
    }