Polymer paper-dialog : Chrome : 아무것도 재생되지 않음, Firefox : "지원되는 형식 및 MIME 형식이있는 비디오가 없음"

Question

요소에 표시되는 비디오 결과 목록이 태그 인 controls 속성없이 표시됩니다. 그래서 비디오는 첫 번째 프레임 만 보여줍니다. 동영상을 보려면 paper-dialog (모달)에서 동영상을 여는 작업이 있습니다.

컬렉션보기에서 예상대로 작동합니다.

대화 상자가 시작되면 Chrome에만 컨트롤이 표시되고 Firefox에서는 No video with supported format and MIME type found 컨트롤이 표시됩니다.

video 요소의 src - 특성이 채워지고 원본이 분명히 존재합니다.

비디오가 컬렉션보기 내부에서 잘 보일 때 이것은 어색하지만 모달에서는 작동하지 않습니다.

Answer 1

video 태그가 실현되고 렌더링되는 순간 문제가 있음이 드러났습니다.

대화 상자가 공유되고 필요에 따라 비디오 항목이 채워집니다.

<source src="...">이 처음으로 채워지지 않으므로 video -element가 오류를보고합니다. 단순히 src$="..."을 사용하는 것만으로는 충분하지 않았습니다.

대신 그렇게 같은 dom-if 템플릿의 video - 요소를 감싸는 방식으로 작동합니다 :

<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>