html5 video play方法,html5 – 如何在现代Chrome上访问video.play()API

我正在使用

HTML5视频标记API来播放网络摄像头中的视频,如下所示：videoElement = element.find('video')[0];

navigator.getUserMedia(constraints, function(stream) {

if (navigator.mediaDevices.getUserMedia) {

videoElement.mozSrcObject = stream;

} else {

var vendorURL = window.URL || window.webkitURL;

videoElement.src = window.URL.createObjectURL(stream);

}

videoElement.play();

最近我开始有一个错误：未捕获(在promise中)DOMException：该元素没有支持的源.

还有这个功能链接 – https://www.chromestatus.com/feature/4765305641369600是关于Deprecate MediaStreamTrack.getSources()的,有利于MediaDevices.enumerateDevices().但是,如果我从控制台运行它,则MediaStreamTrack.getSources是未定义的.不确定这是否相关.var playPromise = document.querySelector('video').play();

// In browsers that don’t yet support this functionality,

// playPromise won’t be defined.

if (playPromise !== undefined) {

playPromise.then(function() {

// Automatic playback started!

}).catch(function(error) {

// Automatic playback failed.

// Show a UI element to let the user manually start playback.

});

}

测试此代码始终属于catch部分 – 自动播放失败.

我使用的是Chrome v.53.在当前的Firefox中,旧代码工作正常.

最佳答案要获得正确的承诺,您需要等到视频数据加载完毕.所以video.addEventListener('loadeddata', function() {

playPromise = video.play();

});

video.load();

html5 video play方法,html5 – 如何在现代Chrome上访问video.play()API相关推荐

html video添加字幕,HTML5标签：video元素的使用方法及作用
html元素标签是html5中新增的标签,用于定义网页文档中的视频资源文件,有关标签的使用方法及作用详解如下: 标签的定义标签可以把指定的视频资源文件插入页面中播放: 标签是 HTML 5 中新增的 ...
kindeditor html5视频,kindeditor编辑器插入mp4视频不显示及不过滤video的方法
传视频是单独做了htm5的video调用,所以在电脑及移动设备上访问没问题,但是很多地方比如题目,题目解析等都在kindeditor编辑器里面添加的,因为肯定要添加图文,但是添加视频的话,因为kind ...
html video拖放设置,HTML5新特性以及video和audio标签和拖放笔记
新特性用于绘画的canvas元素用于媒介回访的video和audio元素对本地离线存储更好的支持新的特殊内容元素 article footer header nav section 新的表单控 ...
as转html5工具,HTML5 Convas APIs方法详解
☆ canvas.getContext('2d') 不可在convas中直接绘图,必须用该方法获得其二维空间绘图上下文. ☆ context.beginPath() 表示开始新的路径绘制. ☆ co ...
让IE浏览器支持HTML5标准的方法
让IE浏览器支持HTML5标准的方法自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在 ...
html5 video 定位播放,HTML5 video标签的播放控制
这篇文章主要介绍了HTML5 video标签的播放控制,本文讲解了获取影片总时长.播放.暂停.获取影片的播放时间和设置播放点.音量的获取和设置等内容,需要的朋友可以参考下上一篇介绍了html5标签v ...
jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器
最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案.因此我就在这里做一个demo,供大家相互学习.html5开发越来越流行了,而对于视频这一块也是必不可少的一部分.如 ...
HTML5 Audio标签方法和函数API介绍
问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函 ...
html5播放器迅雷,搜狗浏览器HTML5视频播放器插件(HTML5.Video.Player)
一款搜狗浏览器的HTML5视频播放器插件,安装后可以使用HTML5方式播放优酷.土豆.爱奇艺.搜狐视频.迅雷离线.腾讯视频.56视频等网站的视频,避免使用adobe flash player插件,降低 ...
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法参考文章: (1)完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 (2)https://www.cnblogs.co ...

html5 video play方法,html5 – 如何在现代Chrome上访问video.play()API

html5 video play方法,html5 – 如何在现代Chrome上访问video.play()API相关推荐

最新文章

热门文章