问题标签 [amp-stories]

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 投票
0 回答
48 浏览

amp-html - 如何通过 amp-validation 为 div 设置动画?

每次我尝试为 div 中的某些内容设置动画时,都会出现错误:属性“animate-in-duration/animate-in”可能不会出现在标签“div”中,我认为这不应该发生,因为提供的示例是动画 div 也是如此。我怎样才能解决这个问题?我认为我遇到的一些错误可能与我使用哈巴狗的事实有关,但即使在这种情况下,这些似乎也很奇怪。

0 投票
0 回答
339 浏览

amp-list - 动态放大器故事

我试图弄清楚如何构建动态的放大器故事。
假设我有一个这样的网站:https://example.com/stories/:slug. 此页面应首先从我的服务器(它输出一些 json 数据)获取故事的数据(使用此 slug),然后将数据呈现为 amp-story。

我的第一次尝试是在 amp-list / amp-mustache 模板中使用故事(我删除了所有属性以获得更小的示例):

现在,我收到此验证错误:

标签'amp-story'的父标签是'template',但它只能是'body'。

所以这是不允许的......如果我像这样切换某些元素的顺序:

页面的验证器声明:

故事必须至少有一页。

所以这也是不允许的。

那么,甚至可以构建这样的故事还是我必须使用服务器来创建我的故事页面?

0 投票
1 回答
62 浏览

amp-html - 有没有办法在 AMP 故事中保留原始 URL?

我们的企业决定使用 AMP 故事,他们希望他们的故事保留原始 URL。我知道它在 AMP 页面中是可能的,但它也可以在 AMP 故事中完成吗?

URL 应该
https://www.example.com/amp/stories/xyz
https://www-example-com.cdn.ampproject.org/www.example.com/amp/storie/xyz

希望能在这里得到一点帮助。

0 投票
1 回答
249 浏览

amp-html - 加载后立即取消静音 amp-story 视频,以确保默认启用声音

通过查看这个问题的答案并看到这个 PR,我明白了为什么 amp-stories 默认是静音的。但是我想在故事加载后立即尝试取消静音。

也许通过点击右上角的声音按钮调用相同的函数来取消静音?不是在“点击”上,而是在“加载”上调用它。

amp-story-system-layer.js,这个函数initializeListeners_()初始化一切,如果我在我的页面上导入这些脚本,我猜这样的东西可以工作:

有任何想法吗?这是正确的方向吗?(我是 javascript 的初学者)

谢谢

0 投票
1 回答
112 浏览

amp-html - 隐藏链接弹出窗口的解决方法

因此,基本上在按下 amp-story 中的链接后,会出现弹出窗口。如果我没记错的话,它是有意的,所以交互不会与来自导航或类似的交互混合。但尽管如此,我仍然想在没有弹出窗口的情况下重定向到不同的页面。有什么方法可以防止它出现并直接转到所需的链接?

0 投票
1 回答
36 浏览

amp-stories - 如何覆盖 amp poll 中 % 文本的样式?

我正在尝试使用新组件在 amp-stories 中创建一些民意调查,但我在样式方面遇到了一些困难。有什么方法可以将结果部分中 %text 的颜色与底部背景分开设置?目前,两者都使用交互式强调色进行设置,但在某些情况下,背景非常明亮,两种颜色都混合在一起,文本不可读。我知道如何使用!important,但我也想通过验证。

0 投票
1 回答
130 浏览

javascript - 放大器故事放大器视频“noaudio”属性未应用

我有一种奇怪的行为amp-video...

场景是这样的:

我有一个包含三张幻灯片的故事,每张幻灯片都有视频(amp-video),其中两个被静音(添加了“ noaudio”属性),当导出该故事并在浏览器中打开时,我可以取消静音所有故事(包括静音的)...如果我将它们全部静音,则均衡器图标将被隐藏。似乎如果我有一个unmuted(例如 10 个)静音视频,那么这种行为就被打破了。

这是生成的 HTML 代码:

0 投票
1 回答
219 浏览

amp-html - 循环播放 AMP 网络故事

有没有办法循环播放多个放大器网络故事(或视觉故事),以便在用户滚动到最后时加载新故事?

这是为了在用户滚动浏览多个故事而不返回主页时重现类似应用程序的导航(如 facebook 或 youtube 故事)。

诸如amp-next-page组件之类的东西,它似乎在 amp-story 中不起作用。

0 投票
1 回答
77 浏览

amp-html - AMP 网络故事 | Google 搜索结果和发现中的发布商徽标未更新

我的 AMP 网络故事显示在 Google 搜索结果和发现中。几个月前我已经更新了标志。左上角的出版商徽标在搜索结果中显示的是较旧的图像,但实际的网络故事显示的是正确的更新图像。

  1. 在 Search Console 中,我完成了 URL 检查,一切都通过了
  2. 我已经使用https://amp-travel.cdn.ampproject.org/c/s/手动刷新了放大器缓存
  3. 为了以防万一,我重新抓取了我的站点地图

在不影响特定故事排名的情况下,我还有什么可以尝试的吗?在 Search Console 中删除过时的内容工具会影响排名吗?

0 投票
0 回答
65 浏览

amp-stories - 网络故事错误:标签“amp-story”不允许有任何兄弟标签

我创建了网络故事:https ://indiatrotter.com/web-stories/plan-your-trip-to-minicoy-islands-lakshadweep/ 它通过了 AMP 测试。

有一个子域(de)。因此,与所有其他页面一样,https://de.indiatrotter.com/web-stories/plan-your-trip-to-minicoy-islands-lakshadweep/也应该是有效的 AMP 页面(因为父页面是 AMP页)。事实上,当我打开链接时。它工作得很好。

但是,Google 控制台抛出了一条错误消息:标签“amp-story”不允许有任何兄弟标签(“body”应该只有 1 个子标签)。

你能告诉我这意味着什么以及如何解决它吗?

问候,阿弥陀佛