Question

这两个代码块都应该使用吗？应该只使用一个代码块吗？如果是这样，哪个？

<video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{}'>
  <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
  <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
  <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    <a href="http://videojs.com/html5-video-support/" target="_blank">
      supports HTML5 video
    </a>
  </p>
</video>

code per amp-video-iframe

function onAmpIntegrationReady(ampIntegration) {
  var myVideo = document.querySelector('#my-video');
  ampIntegration.listenTo('videojs', myVideo);
}

Answer 1

amp-story不支持

amp-story-grid-layer。支持的标签取决于您使用的图层类型，但是对于amp-video-iframe，可以找到它们here。值得注意的是，如果您要播放视频，amp-video是目前唯一的播放方法。由于play支持AMP的视频界面，因此您可以看到this GitHub issue来跟踪此功能的实现/支持。

但是，要回答您的问题（因为这与不是故事的AMP页面有关）：两个摘要都是必需的。第一个代码段将视频添加到页面，而第二个代码段侦听诸如pause和my-player之类的事件，以将它们来回传递给AMP运行时。请注意，您需要确保ID相同（在您发布的代码中，HTML引用ID为my-video的视频，而JS引用ID为{ {1}}。

在amp-story上将videojs与amp-video-iframe集成时应使用哪个代码段？

1 个答案: