HTML5에서 오디오 및 비디오 태그 사용

두 태그의 이벤트:

2. 프로젝트에서 사용: 비디오가 로드되지 않은 경우 여기의 이미지의 첫 번째 프레임이 배경에서 전송되는 것으로 나타났습니다. 비디오 태그에는 포스터 속성이 있습니다. 이는 특히 비디오 표지 이미지와 동일한 비디오의 첫 번째 프레임을 표시하는 데 사용됩니다. 포스터 속성은 비디오의 포스터 속성 값을 설정하거나 반환하는 데 사용됩니다. 이 속성은 비디오가 로드될 때 또는 사용자가 재생 버튼을 클릭하기 전에 표시되는 이미지를 설명합니다. 이 속성이 포함되지 않으면 비디오의 첫 번째 프레임이 대신 사용됩니다.

<p class="newsInfo" v-for=" item in newsFragment">
<p class="text">{{item.fragment_text_describe}}</p>
<p v-if="item.fragmentFile" v-for="items in item.fragmentFile">
<img v-if="items.fragment_type==1" :src="items.fragment_url" alt="">
<video v-else :poster="items.fileCover" controls :src="items.fragment_url"></video>
</p>
</p>

오디오 재생 시 브라우저가 이러한 유형의 오디오를 지원하지 않을 수 있으므로 판단해야 합니다. canPlayType() 메서드를 사용하여 브라우저가 지정된 오디오/비디오 유형을 재생할 수 있는지 확인하세요. canPlayType() 메서드는 다음 값 중 하나를 반환할 수 있습니다.
"아마도" - 브라우저가 이 오디오/비디오 유형을 지원할 가능성이 가장 높습니다.
"아마도" - 브라우저가 이 오디오/비디오 유형을 지원할 수 있습니다.

"" - (빈 문자열) 브라우저는 이 오디오/비디오 유형을 지원하지 않습니다

사용 구문:

audio.canPlayType("mp3"))

관련 권장 사항:

HTML5의 sessionStorage 개체에 대한 심층적인 이해

HTML5 비디오 태그 작업에 대한 자세한 비디오 설명