小编Val*_*n P的帖子

我正在智能电视上测试 javascript，

我尝试将对象视频放到画布上。使用 html5 视频标签，它可以在我的浏览器中运行，但不能在我的智能电视中运行。

但是当我尝试使用对象播放器时，出现以下错误消息：

无法在“CanvasRenderingContext2D”上执行“drawImage”：提供的值不是“（HTMLImageElement或HTMLVideoElement或HTMLCanvasElement或ImageBitmap）”类型

经过多次测试（id，对象id，对象src..）结果是相同的，我不知道如何将对象视频获取到画布。

这是一个简单的 html 测试：

<canvas id="test" width="300" height="300"></canvas>
<div id="test" style="left: 0%; top: 0%; width: 25%; height: 25%; position: fixed;">
    <object type="application/avplayer" style="width: 480px; height: 270px;"></object>
</div>

和js：

const canvas = document.querySelector("canvas");
const ctx = canvas.getContext("2d");
const video = document.getElementsByTagName('object');
//const video = document.getElementsById('idVideo');
ctx.drawImage(video, 0, 0, canvas.width, canvas.height)

这是我的目标的示例，但我无法使用视频标签： http: //jsfiddle.net/on1kh4o0/

有什么想法或技巧可以用对象获得相同的结果吗？