如何解决HTML5视频卡在屏幕边缘的一个位置
我在webkit上遇到了这个问题,尤其是iOS上的Web视图。我在台式机Chrome上对此进行了测试,但没有遇到此问题。
基本上,无论我在哪里滚动,视频都停留在一个位置。我看不到完整的视频,也无法在视频区域中滚动查看其余的视频提要。
我认为这是Webkit和我的CSS技能差的问题。我正在使用最新的Cordova,WKWebView,P5.js和Cordova iOS RTC插件将视频流式传输到P5。希望对此有任何帮助!
p.createCanvas(640,480);
video = p.createCapture(p.VIDEO);
console.log("video",video);
video.size(640,480);
video.attribute("autoplay","autoplay");
video.attribute("playsinline","playsinline");
video.attribute("muted","muted");
p.image(video,640,480);
解决方法
我认为您的问题是由p.createCanvas(640,480)
引起的。
当您使用p5创建视频元素时,它似乎没有使用 canvas 元素,而是使用了HTML video 。因此,您创建的canvas元素仅占用空间,而video元素则以自然顺序向下推。
因此,请改用此方法,让我知道这是否可以解决您的问题:
p.createCanvas(0,0)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。