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
相关产品推荐
相关产品推荐

