Я должен разработать приложение для Android в Nativescript.В котором я должен предоставить видео файлы воспроизведения на холсте.Приложение содержит компонент WebView, который загружает html-файл, в который входит плагин fabric.js для реализации canvas.Встроенное видео автоматически воспроизводится при просмотре веб-страниц.Вот сокращенная версия кода, которая правильно работает на веб-страницах, но не в компоненте WebView.
html
<video id="video-bg" src="bg.mp4" muted loop playsinline autoplay></video>
<div id="canvas-container">
<div id="canvas-touch-prevent"></div>
<canvas id="canvas"></canvas>
</div>
js
var videoBg = document.getElementById("video-bg");
var canvas = new fabric.Canvas('canvas');
var cW = canvas.getWidth();
var cH = canvas.getHeight();
videoBg.onloadedmetadata = function() {
var video = new fabric.Image(videoBg, {
name: 'video',
left: 0,
top: 0,
selectable: false,
cursor: 'none',
objectCaching: false,
});
video.scaleToHeight(cH);
video.scaleToWidth(cW);
canvas.add(video);
}
Кто-нибудь может помочь с видео на холсте в Nativescript WebView?