0

我有一个显示在paper-card元素中的视频结果列表，使用video不带controls属性的 HTML5 标记，因此视频仅显示第一帧。要查看视频，有一个以paper-dialog（模态）打开视频的操作。

在集合视图中，它按预期工作。

当对话框启动时，它仅在 Chrome 中显示控件，在 Firefox 中显示带有消息的控件No video with supported format and MIME type found。

-elementvideo的src-attribute 已填充，并且源肯定存在。

这很尴尬，因为视频在集合视图中显示良好，但在模式中它不起作用。

4

1 回答 1

0

事实证明，问题在于video-tag 被实现和呈现的那一刻。

对话是共享的，视频项是按需填充的。

这会导致video-element 报告错误，因为一<source src="...">开始没有填充。仅仅使用src$="..."是不够的。

相反，它通过将video-element 包装在dom-if模板中来工作，如下所示：

<template is="dom-if" if="[[video.references.0.url]]">
  <video width="320" height="240" title="[[video.caption]]" controls>
    <source src$="[[video.references.0.url]]">
    Your browser does not support the html5 video tag.
  </video>
</template>
于 2016-06-08T09:58:05.823 回答