video - amp-story 视频未显示全图(宽度、高度问题)
问题描述
期望的行为
- AMP 允许您嵌入图像、视频和音频内容。
- 用户应该可以看到内容的整个宽度
特定的问题或错误
- 可以在 amp-story 中上传视频而看不到完整宽度
在问题本身中重现它所需的最短代码
<amp-story-page id="cover page" auto-advance-after="cover" >
<amp-story-grid-layer template="fill">
<amp-video placeholder="img/icon.png"
id="cover"
controls
autoplay
width="720"
height= "1280"
layout="fill" />
<source src="video/cat.mp4"
type="video/mp4" />
<div fallback>
<p>This browser does not support the video element.</p>
</div>
</amp-video>
</amp-story-grid-layer>
</amp-story-page>
- 我正在使用 amp 故事
- 我将我的视频上传到 public/video/cat.mp4
解决方案
推荐阅读
- json - 如何将我的数据保存在 json 中并将其存储在数据库中(Django rest 框架)
- dompdf - dompdf 每个页面标题显示在左侧缩略图中
- ruby-on-rails - 更改设计邮件程序的模板路径而不是默认的设计邮件程序视图
- javascript - webpack.resolve.alias 不解析节点包?
- javascript - 三个 js TextureLoader() 在部署时不起作用
- forms - 竖版格式 Extjs
- android-studio-4.2 - android studio 4.2.1 分辨率降低问题
- python - GridSearchCV 返回的精度比默认值差
- powerbi - 我想发布我的 power bi desktop 报告?
- huawei-mobile-services - 华为飞溅广告未关闭