2016-06-08 602 views
0

我有一個顯示在paper-card元素中的視頻結果列表,使用HTML5 video -tag沒有controls屬性,所以視頻只顯示第一幀。要查看視頻,您可以通過paper-dialog(模式)打開視頻。聚合物紙對話框:Chrome瀏覽器:沒有播放,Firefox:「沒有找到支持的格式和MIME類型的視頻」

在集合視圖中,它按預期工作。

當對話框啓動時,它只是簡單地在Chrome中顯示控件,而在Firefox中它顯示控件的消息No video with supported format and MIME type found

video -element的src-屬性已填充,源確定存在。

這很尷尬,因爲視頻在收藏視圖中顯示得很好,但在模式中它不起作用。

回答

0

事實證明,問題在於video -tag被實現和呈現的時刻。

該對話框是共享的,視頻項目是按需填充的。

這會導致video -element報告錯誤,因爲起初不會填充<source src="...">。僅僅使用src$="..."是不夠的。

相反,它的工作原理是包裹video - 元素在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> 
相關問題