我想要在我的网页上显示一个视频,除了控件没有显示外,一切正常。我有一个问题,以我想要的宽度和高度显示视频,所以我使用了一个小的javascript黑客来做到这一点。 autoplay属性有效,但在应用controls属性时,它似乎不起作用。有什么想法吗?
这是我的HTML
<canvas id="canvas" height="500" width="1300">
<video id="video" controls>
<source src="videos/Trailer.mp4" type="video/mp4">
</video>
</canvas>
和Javascript
function updateVideo( ) {
var canvas = document.getElementById( 'canvas' );
var ctx = canvas.getContext( '2d' );
var myVideo = document.getElementById( 'video' );
ctx.drawImage( myVideo, 0, 0, 1300, 500 );
}
setInterval ( updateVideo, 24 );