问题标签 [amp-youtube]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
163 浏览

amp-html - 我想在 ampstory 中使用 amp-youtube 标签

我想在 ampstory 中使用 amp-youtube 标签!!但不工作...

在第 1 页,使用自动播放选项自动执行 2 页。它不能从第 3 页执行。尽管有相同的自动播放选项。它与第 2 页第 1 页同时运行。

0 投票
1 回答
133 浏览

amp-html - 我们可以在 amp 故事网格层标签中使用 amp youtube 标签吗

如何在 AMP 故事代码中显示 youtube 视频?我在 amp-story-grid-layer 中使用 amp-youtube,但验证器显示错误

不允许将标记“amp-youtube”作为标记“amp-story-page”的子级

0 投票
1 回答
314 浏览

amp-html - AMP-YouTube - 延迟加载占位符图片

在使用 amp-youtube 组件时,我注意到它使用视频的静态封面图像作为占位符,直到用户滚动到视频本身加载视频的位置!

这很棒!但是,在 PageSpeed 洞察力中测试我的页面时,我因“延迟屏幕外图像”而受到惩罚,因为使用的占位符图像本身不是延迟加载的。

页面上的所有其他 amp-img 都会被延迟加载,所以我希望也有办法为 YouTube 代码启用它?

这是一个带有 YouTube 视频的页面示例:https ://nationalguitaracademy.com/acoustic-guitar-tabs/amp/

页面的 PageSpeed 结果:https ://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fnationalguitaracademy.com%2Facoustic-guitar-tabs%2Famp%2F

TLDR:视频本身会被延迟加载,但在视频加载之前使用的静态图像不会被延迟加载。

0 投票
0 回答
59 浏览

amp-html - 如何让 amp-youtube 视频在按钮按下时播放?on=tap:id.play 不能始终如一地工作

我正在尝试创建一个视频叠加层,或者一个将开始播放 amp-youtube 视频的按钮。但是,该按钮似乎在蓝月亮中工作一次。大多数情况下,它会预加载/缓冲视频,但实际上不会开始播放。用户必须再次单击视频才能开始播放。

如果它第一次工作,刷新页面,它不会再次工作。 AMP 游乐场示例

0 投票
0 回答
117 浏览

amp-html - amp-分析和 amp-youtube。如何动态跟踪页面上所有视频的播放/停止事件?

我有一个包含视频列表的网页。为了保持演示简单,我在演示中只使用了 2 个视频。我不想使用唯一的 HTML ID 属性引用每个视频,但我想跟踪在分析中播放了哪个 YouTube 视频。

跟踪所有 amp-youtube 标签但 VIDEO_STATE 仅引用单个实例的代码演示(仅用于测试)

在https://playground.amp.dev/上尝试以下代码

我知道 VIDEO_STATE 的第一个参数需要是唯一的 HTML ID,但我需要对其进行编码,而不需要为每个视频创建大量触发器。

0 投票
1 回答
12 浏览

youtube - Amo-YouTube 和过渡模式

我在 AMP 插件的过渡模式下运行 Wordpress(neve 主题 + Beaver 构建)站点。我有一些以常规方式嵌入的 YouTube 视频,我想开始使用 amp-YouTube 来显示这些嵌入的视频。

问题是:以常规方式嵌入的 YouTube 视频同时显示在网站的 AMP 和非 AMP 视图中。嵌入 amp-youtube 的 YouTube 视频仅在 AMP-view 上显示。

是否有一种解决方法可以在 AMP 和非 AMP 视图中显示嵌入了 amp-youtube 的视频?我需要相同的视频同时显示在 AMP 和非 AMP 视图中...

(注意:我远不是一个硬网站开发者!)