javascript - 改变 <Video> 的宽度

Question

我有将视频发布到 View 的代码

在JS中

这是代码

 stop.onclick = function () {
    record.disabled = false;
    stop.disabled = true;
    window.onbeforeunload = null; //Solve trouble with deleting video
    preview.src = '';

    fileName = Math.round(Math.random() * 99999999) + 99999999;
    console.log(fileName);
    if (!isFirefox) {
        recordAudio.stopRecording(function () {
            //PostBlob(recordAudio.getBlob(), 'audio', fileName + '.wav');
        });
    } else {
        recordAudio.stopRecording(function (url) {
            preview.src = url;
            //PostBlob(recordAudio.getBlob(), 'video', fileName + '.webm');
        });
    }

    if (!isFirefox) {
        recordVideo.stopRecording(function () {
            PostBlob(recordVideo.getBlob(), 'video', fileName + '.webm');
        });
    }

此代码正在将视频发布到容器

 if (!isFirefox) {
        recordVideo.stopRecording(function () {
            PostBlob(recordVideo.getBlob(), 'video', fileName + '.webm');
        });
    }

我需要让视频窗口宽度 = 350

我该怎么做？

Answer 1

如果它只有一个视频元素，这将起作用。

var vid = document.querySelector('video');

vid.width = '350';

<video id="vid1" class="vid" src="http://html5demos.com/assets/dizzy.mp4" controls></video>