更改<video>的宽度

时间:2017-03-20 10:57:39

标签: javascript html css

我有将视频发布到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

我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

如果只有一个视频元素,这将有效。

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

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