Javascript 某些视频文件扩展名不适用于angular 4中的视频预览?

Javascript 某些视频文件扩展名不适用于angular 4中的视频预览?,javascript,angular,video,Javascript,Angular,Video,我正在处理视频预览问题。我能够显示mp4文件扩展名视频预览。但剩余的所有视频文件扩展名mpeg、m4v、wmv..等不适用于视频预览代码 我在视频src html代码中添加了所有文件类型,但它只适用于mp4视频。我在这个预览中使用了角度概念。 我已经创建了plunker,您可以在plunker中检查我的代码。我从ng2文件上传插件得到了这个代码 组件代码: filePreview(input : any){ this.videoPreviewPath = this.sanitizer.byp

我正在处理视频预览问题。我能够显示mp4文件扩展名视频预览。但剩余的所有视频文件扩展名mpeg、m4v、wmv..等不适用于视频预览代码

我在视频src html代码中添加了所有文件类型,但它只适用于mp4视频。我在这个预览中使用了角度概念。 我已经创建了plunker,您可以在plunker中检查我的代码。我从ng2文件上传插件得到了这个代码

组件代码:

filePreview(input : any){
 this.videoPreviewPath  = this.sanitizer.bypassSecurityTrustUrl((window.URL.createObjectURL(input.files[0]))); 
}
html代码

 <input type="file" (change)="filePreview(input)"
     accept=".mp4,.mpg,.m4v,.flv,.avi,.mov,.wmv,.divx,.f4v,.mpeg,.vob" 
 #input />

<video  controls preload="auto" width="280" height="180" >
  <source [src]='videoPreviewPath' type = 'video/mp4'>
  <source [src]='videoPreviewPath' type = 'video/3gpp'>
  <source [src]='videoPreviewPath' type = 'video/quicktime'>
  <source [src]='videoPreviewPath' type = 'video/x-ms-wmv'>
</video>

请任何人帮忙。为什么剩余的文件扩展名不适用于此代码。

您可以使用,它接受
MIME
类型作为参数,并返回字符串值

  • “可能”:指定的媒体类型似乎可以播放
  • “可能”:无法判断媒体类型是否可以在不播放的情况下播放
  • ''(空字符串):指定的媒体类型绝对无法播放
确定
元素是否可以播放媒体
MIME
类型

仅限Chromium 59
“video/mp4”
返回
“maybe”
“video/3gpp”
“video/quicktime”
“video/x-ms-wmv”
“video/dvd”
“video/xvideo/xvideo”
“video/x-flv”
“video/x-f4v”
“video/divx”
都返回一个空字符串
,表示Chrome或Chrome浏览器上的
元素无法播放视频

让mimeTypes=[
“视频/mp4”、“视频/3gpp”、“视频/quicktime”
,“视频/x-ms-wmv”,“视频/x-ms视频”,“视频/mpeg”
“视频/dvd”、“视频/xvid”、“视频/x-flv”
,“视频/x-f4v”,“视频/divx”
];
让视频=document.createElement(“视频”);
mimeTypes.forEach(type=>console.log(type,video.canPlayType(type))
您可以使用,它接受
MIME
类型作为参数并返回字符串值

  • “可能”:指定的媒体类型似乎可以播放
  • “可能”:无法判断媒体类型是否可以在不播放的情况下播放
  • ''(空字符串):指定的媒体类型绝对无法播放
确定
元素是否可以播放媒体
MIME
类型

仅限Chromium 59
“video/mp4”
返回
“maybe”
“video/3gpp”
“video/quicktime”
“video/x-ms-wmv”
“video/dvd”
“video/xvideo/xvideo”
“video/x-flv”
“video/x-f4v”
“video/divx”
都返回一个空字符串
,表示Chrome或Chrome浏览器上的
元素无法播放视频

让mimeTypes=[
“视频/mp4”、“视频/3gpp”、“视频/quicktime”
,“视频/x-ms-wmv”,“视频/x-ms视频”,“视频/mpeg”
“视频/dvd”、“视频/xvid”、“视频/x-flv”
,“视频/x-f4v”,“视频/divx”
];
让视频=document.createElement(“视频”);

mimeTypes.forEach(type=>console.log(type,video.canPlayType(type))
您尝试在哪些浏览器上播放视频?如果
.mp4
视频渲染,有什么问题吗?我在chrome上试过。视频src不支持文件扩展名。请你检查一下我的上述物品。预期结果是什么?注意,
.3gp
.3g2
未列在
accept
属性值中。当我们选择视频时需要显示视频预览。当我们单击预览时需要播放视频显示视频预览我正在使用视频mime类型在哪些浏览器中尝试播放视频?如果
.mp4
视频渲染,有什么问题吗?我在chrome上试过。视频src不支持文件扩展名。请你检查一下我的上述物品。预期结果是什么?注意,
.3gp
.3g2
未列在
accept
属性值中。选择视频时需要显示视频预览。单击预览时需要播放视频显示视频预览我正在使用视频mime类型感谢您的澄清,那么,有没有其他在浏览器中显示预览的建议?@Sathishkota将视频转换为
.mp4
如果需要在Chrome上播放视频,Chromium感谢您的澄清,那么,有没有其他在浏览器中显示预览的建议?@Sathishkota将视频转换为
.mp4
,如果需要在Chrome上播放视频,Chrome