通过Javascript更改HTML5视频标签的宽度和高度

Question

我在客户端 JS 中有以下代码：

$(function() {
  $("#player1").html(
    '<video width=' + width + ' height=' + height + ' autoplay>' +
      '<source src=' + curPlayListHrefs[0] + ' type="video/youtube"></source>' +
    '</video>'
  );
});

我试过：

  var video = document.getElementsByTagName("video")[0];
  video.videoHeight = 300;
  video.videoWidth = 700;

我可以更改视频标签的宽度/高度吗？

Answer 1

尝试设置它的宽度和高度属性

var video = document.getElementsByTagName("video")[0];
video.setAttribute('height', '300');
video.setAttribute('width', '700');

或设置其宽度和高度属性

var video = document.getElementsByTagName("video")[0];
video.height = 300;
video.width = 700;