You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

R Markdown的xaringan演示文稿中嵌入HTML视频无法调整尺寸如何解决

问题原因

你之前的尺寸调整不生效,核心原因是*<source>标签本身不支持height、width等尺寸控制属性*,这类属性需要添加到上层的<video>标签上才能被识别生效,这是HTML的原生规范限制,和xaringan框架无关。

正确调整方法
  • 方法1:直接在<video>标签添加尺寸属性
    可以根据需求设置固定像素、vh(视口高度单位,适配xaringan幻灯片尺寸更方便)等参数,也可以添加controls属性显示播放控制栏,示例代码如下:

    <!-- 固定像素高度 -->
    <video height="300" controls>
    <source src="video_name.mp4" type="video/mp4">
    </video>
    
    <!-- 适配幻灯片高度,最大占比80%,避免溢出 -->
    <video style="max-height: 80vh;" controls>
    <source src="video_name.mp4" type="video/mp4">
    </video>
    

    注意:如果使用百分比高度,需要确保<video>的父级容器有明确的高度定义,否则百分比不会生效,xaringan场景下更推荐使用vh单位适配。

  • 方法2:全局配置视频样式(适合多视频场景)
    如果文档内需要嵌入多个视频,你可以在R Markdown的自定义CSS片段里添加如下规则,全局限制所有视频的最大高度,不需要逐个给标签加属性:

    video {
      max-height: 80vh;
      width: auto;
    }
    

如果设置后仍然不生效,可以通过浏览器开发者工具检查<video>元素的样式,确认是否有其他自定义CSS规则覆盖了尺寸设置。


内容的提问来源于stack exchange,提问作者Alexa Fredston

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 01:39:00