Javascript 使用PhantomJS将标签视频替换为img

我正在使用PhantomJS2.0获取一些网页的截图。所以在这里我有HTML5的标签

。然而，我一直在读到PhantomJS并不支持它。因此，我的想法是将此标记替换为

。然后，我需要获得视频内容的大小，创建一个具有此大小的图像元素并删除视频

记住，它需要在幻影中

我试过了，但不管用

在这段代码中，使用浏览器中的控制台（Chrome 46.0.24）是works，我调整了窗口的大小，并且

w

和

h

发生了变化，但是在PhantomJS内部，独立于视口，始终是相同的大小，我无法将视频替换为图像

有人知道我怎么做吗？或者有其他想法吗？

---

谢谢

是啊！我修正了语法。因此大小是

size->381x18（从“”中的#行开始）

独立于视口。是的！对不起，我刚才打错了。但是，你知道我怎么做吗？=）有人知道吗？是的！我修正了语法。因此大小是

size->381x18（从“”中的#行开始）

独立于视口。是的！对不起，我刚才打错了。但是，你知道我怎么做吗？=）有人知道吗？

var page = require('webpage').create();
page.open('http://webuser.nl', function(status) {
  if (status !== 'success') {       
    phantom.exit();
  } else {
    page.viewportSize = { width: 1900, height: 1080 }; //these sizes can be others
    page.evaluate(function(){
      var video = document.getElementsByTagName("video")[0];
      var w = video.clientWidth;
      var h = video.clientHeight;
      console.log("size->" + w + "x" + h);

      var img = document.createElement("img");
      img.src = 'background.png';
      img.width = w;
      img.height = h;

      var source = video.getElementsByTagName("source")[0];

      video.removeChild(source);
      video.appendChild(img);     
    });  
    page.render(relative_path);
    phantom.exit(); 
  }
});