问题标签 [amp-story]

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 回答
30 浏览

javascript - 如何转到 AMP 历史记录中的 AMP 页面

大家好, 我有一页 index.html 的源代码,我从这里拿的

我有一个文件 story.html - 包含 6 个 AMP 页面的 AMP 故事

如何在 AMP 历史记录中指定 AMP 页面的路径

我读了这个文档

我试过/stories/knife1/story.html/#page-1

/stories/knife1/story/#page-1

/stories/knife1/story.html/page-1

但它不起作用

第一个 AMP 页面始终打开并继续播放

在我的 index.html 中,我有这段代码

{“行为”:{“自动播放”:假,“pageScroll”:假},“控件”:[{“名称”:“关闭”,“位置”:“开始”}]}

我使用这个 JS 代码。也许是这样?

0 投票
2 回答
105 浏览

google-analytics - AMP 故事上的谷歌分析

谁能帮我把谷歌分析代码放在 amp story 上?Amp-story 不支持 GA 代码?我是这样说的。

但它似乎不起作用。

0 投票
0 回答
64 浏览

amp-html - 是否可以在 amp-story 中隐藏来自 JavaScript 的音频图标(扬声器图标)?

在这个“自定义 Web Story Player UI”部分中,它提供了隐藏共享、关闭、跳到下一个、自定义图标的方法,如下所示:

但是,默认情况下,有声音的故事有一个扬声器图标。有没有办法隐藏这个图标?

0 投票
0 回答
6 浏览

video - amp-video v1.0 在 amp-story 中不起作用。可以替代使用 amp-video v0.1 的解决方法吗?

我正在深入研究 AMP 故事。在入门部分,我被告知要添加 amp 视频脚本(来源:https ://amp.dev/documentation/guides-and-tutorials/start/visual_story/add_more_pages/?format=websites )。

该脚本可以在这里找到:https ://amp.dev/documentation/components/amp-video-v1.0/?format=websites

但我故事中的视频只有在我从 amp-video-v1.0 切换到 amp-video-v0.1 时才会播放。

是否有在 AMP Stories 中使用更新的 amp-video-v1.0 的解决方法?

我附上了代码:资产应该被替换。

谢谢!

这是我的 amp-video 标签背后的代码

0 投票
1 回答
77 浏览

html - 弹出窗口中的 amp-story-player 不加载视频

我在带有 amp-story-player 的网页中嵌入了一个 amp-story,它运行良好……直到我将它移到一个弹出模式框中。从那时起,当显示模式时视频没有加载。(最初模态框处于display: none;状态,单击按钮后变为display: flex;。)

但是,如果我调整浏览器窗口的大小,视频会突然开始播放。

当模态显示时,我如何告诉玩家开始播放故事?

0 投票
0 回答
46 浏览

android - Android webview 不显示 AMP-story-timeline 元素

我正在尝试在 webview 中显示 amp-story,它在 ios/swift 上运行良好,但是当我使用 android/kotlin 时,“amp-story-timeline”元素不会呈现,只是留下空白空间

顶部的 Kotlin/黑线是时间线应该在的位置

Swift/Timeline 显示正常

我的 kotlin webview 配置:

0 投票
0 回答
40 浏览

django - 在 django 中使用 Google amp-story 播放器嵌入视频的最佳方法是什么

我目前正在开发一个应用程序,我想添加 google Amp-story 播放器以嵌入视频,但不知何故,google amp play 不会渲染数据库中的视频或图像,而是当我将链接传递给不是的视频源时从我的数据库它可以工作。我曾尝试编写自定义模板标签和过滤器来处理图像,但我仍然觉得让它工作起来是一个挑战。有没有办法解决这个问题。

当我尝试使用此代码从数据库加载图像时,它不起作用。

我的自定义模板标签。

0 投票
0 回答
20 浏览

amp-html - 为什么我们不能使用里面

为什么我们不能使用内部标签,可能的解决方法是什么?

我的代码片段


我的功能运行良好,但出现以下验证错误。 标签“amp-iframe”可能不会显示为标签“amp-story-grid-layer”的后代

0 投票
0 回答
28 浏览

amp-html - 有没有办法在 amp-story 中有一个按钮或链接或视频结尾前进到下一页?

我正在使用 amp-story 构建故事,并希望自己从故事中嵌入的某些内容中推进故事。例如:

  • 如果故事页面上的视频结束播放
  • 如果点击故事页面上的链接

这可能吗?

0 投票
0 回答
16 浏览

amp-html - 在 amp 故事中,我可以自己发起分享吗

我正在构建一个 amp 故事,并且在一个页面上我有自己的分享按钮。如果用户点击此按钮,我可以启动故事顶部共享链接中的共享功能吗?