Android Studio项目中如何用TextView展示视频？附图片实现代码示例

嘿，这个问题我刚好踩过坑！TextView本身其实不支持直接播放视频——它的核心定位是展示文本和轻量富内容（比如你用到的图片），视频属于需要专门播放器处理的多媒体内容，所以得换个思路来实现类似「在TextView流里展示视频入口」的效果。

方案1：占位图+点击跳转播放（最推荐，简单易维护） #

这个思路是把视频换成带封面图的可点击区域，用户点击后跳转到系统播放器或者你自己的播放页面，完美契合TextView的能力范围。

步骤1：构造带视频占位的HTML内容 #

把视频链接包装成带封面图的<a>标签，这样TextView加载时会显示封面图，并且可以点击：

// 替换成你的视频链接和封面图链接
String videoCoverUrl = "https://your-video-cover-image.jpg";
String videoPlayUrl = "https://your-video-file.mp4";

// 构造HTML片段
String videoHtmlSegment = "<a href='" + videoPlayUrl + "'>" +
                          "<img src='" + videoCoverUrl + "' width='300' height='200'/>" +
                          "<br><small>点击播放视频</small></a>";

// 和原有文本内容拼接
String fullContent = "这是一段需要展示的文本内容，下面是视频：<br>" + videoHtmlSegment;

步骤2：加载HTML并处理点击事件 #

需要开启TextView的链接点击能力，并且拦截点击事件跳转到播放器（而不是默认的浏览器）：

// 设置HTML加载和图片加载器（就是你已经在用的HtmlHttpImageGetter）
textView.setText(Html.fromHtml(fullContent, new HtmlHttpImageGetter(textView)));

// 开启链接点击支持
textView.setMovementMethod(new LinkMovementMethod() {
    @Override
    public boolean onTouchEvent(TextView widget, Spannable buffer, MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_UP) {
            int x = (int) event.getX();
            int y = (int) event.getY();

            // 计算点击位置对应的文本偏移
            x -= widget.getTotalPaddingLeft();
            y -= widget.getTotalPaddingTop();
            x += widget.getScrollX();
            y += widget.getScrollY();

            Layout layout = widget.getLayout();
            int line = layout.getLineForVertical(y);
            int off = layout.getOffsetForHorizontal(line, x);

            // 获取点击到的链接
            URLSpan[] spans = buffer.getSpans(off, off, URLSpan.class);
            if (spans.length > 0) {
                String videoUrl = spans[0].getURL();
                // 跳转到系统播放器播放视频
                Intent playIntent = new Intent(Intent.ACTION_VIEW);
                playIntent.setDataAndType(Uri.parse(videoUrl), "video/*");
                playIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                widget.getContext().startActivity(playIntent);
                return true;
            }
        }
        return super.onTouchEvent(widget, buffer, event);
    }
});

方案2：自定义TagHandler插入VideoView（进阶复杂版） #

如果你想让视频直接嵌入在TextView的内容流里播放，可以通过自定义Html.TagHandler来识别自定义的<video>标签，然后在TextView的父布局中插入VideoView。不过这个方案需要处理布局位置，复杂度较高，适合有一定布局经验的开发者。

步骤1：构造带自定义

String fullContent = "<p>这是一段文本，下面是嵌入的视频：</p>" +
                     "<video src='https://your-video-file.mp4' cover='https://your-video-cover.jpg'/>";

步骤2：实现自定义TagHandler处理视频标签 #

textView.setText(Html.fromHtml(fullContent, new HtmlHttpImageGetter(textView), new Html.TagHandler() {
    @Override
    public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) {
        // 只处理</video>结束标签
        if (tag.equalsIgnoreCase("video") && !opening) {
            // 获取视频链接和封面图属性
            Attributes attrs = (Attributes) xmlReader.getProperty("android.sax.attribute_list");
            String videoUrl = attrs.getValue("", "src");
            String coverUrl = attrs.getValue("", "cover");

            // 获取TextView的父布局（注意父布局最好是LinearLayout，方便插入顺序）
            ViewGroup parentLayout = (ViewGroup) textView.getParent();
            if (parentLayout == null) return;

            // 创建VideoView并配置
            VideoView videoView = new VideoView(textView.getContext());
            videoView.setVideoURI(Uri.parse(videoUrl));
            // 添加媒体控制器（播放/暂停控件）
            videoView.setMediaController(new MediaController(textView.getContext()));
            // 设置布局参数，和TextView宽度一致
            ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT
            );
            videoView.setLayoutParams(params);

            // 插入到TextView的下方（如果是LinearLayout布局）
            int textViewIndex = parentLayout.indexOfChild(textView);
            parentLayout.addView(videoView, textViewIndex + 1);

            // 可选：加载封面图覆盖在VideoView上，点击后开始播放（需要额外实现ImageView覆盖）
        }
    }
}));

注意事项 #

• 这个方案要求TextView的父布局是线性布局（LinearLayout），否则插入的VideoView位置可能不符合预期；
• VideoView的尺寸需要根据实际需求调整，避免出现布局错乱；
• 如果需要封面图，得额外在VideoView上叠加一个ImageView，点击后隐藏ImageView并开始播放。

内容的提问来源于stack exchange，提问作者Hidung Pesek