xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

Google SEO & HTML5 Video Poster All In One

Google SEO & HTML5 Video Poster All In One

海报 / 缩略图

poster A URL for an image to be shown while the video is downloading.
If this attribute isn't specified, nothing is displayed until the first frame is available, then the first frame is shown as the poster frame.

海报 下载视频时要显示的图像的 URL。
如果未指定此属性,则在第一帧可用之前不显示任何内容,然后第一帧显示为海报帧

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-poster

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video

SEO

https://search.google.com/search-console/video-index/drilldown

视频网页索引编制 => 未提供缩略图网址

此报告显示了视频索引编制状态。
如果在您的网站上找到了任何视频结构化数据项,它们会在增强功能 > 视频下提供。

image

https://support.google.com/webmasters/answer/9495631

image

solution ✅

视频已编入索引
这些网页包含已编入索引的视频,该视频可以在搜索结果中显示

image

https://search.google.com/search-console/video-index/drilldown?resource_id=sc-domain%3Acdn.xgqfrms.xyz

demos

<video id="video" controls poster="https://cdn.xgqfrms.xyz/HTML5/Blob/poster.png">
  loading...
  <source src="https://cdn.xgqfrms.xyz/HTML5/Blob/2022-04-07-sh.mp4" type="video/mp4">
</video>

auto play video with muted ✅

In some browsers (e.g. Chrome 70.0+) autoplay doesn't work if no muted attribute is present.

image

<video id="video" controls autoplay muted="true" poster="https://cdn.xgqfrms.xyz/HTML5/Blob/poster.png">
  loading...
  <source src="https://cdn.xgqfrms.xyz/HTML5/Blob/2022-04-07-sh.mp4" type="video/mp4">
</video>

https://cdn.xgqfrms.xyz/HTML5/Blob/index.html

refs

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-muted



©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载 🈲️,侵权必究⚠️!


posted @ 2022-11-29 09:47  xgqfrms  阅读(564)  评论(3编辑  收藏  举报