Windows 8.1 WinJS应用程序中的mediaCapture

Question

我正在使用mediaCapture来捕获视频，并在上传之前显示该视频。我使用video标签在上传之前显示视频。我的问题是视频不能全屏显示，即使我将video标签的高度和宽度设置为100％，仍然很小。是否有任何解决方法？

var videoplayer = document.getElementById("capturedVideo");
videoplayer.src = URL.createObjectURL(storageFile, { oneTimeOnly: true });videoplayer.controls = true;

 <video id="capturedVideo" class="capturedVideo" autoplay="autoplay"></video>

- user4370291

Answer 1

我通过将msZoom属性设置为true来解决了这个问题。

例如：videoplayer.msZoom = true;

文档

- user4370291

Answer 2

这是在手机上吗？如果你把设备横过来（逆时针倾斜），会发生什么？我怀疑你没有对预览应用正确的旋转。

看看通用 相机入门套件。这是一个Win10示例，但那里大部分的代码也适用于8/8.1。具体来说，看一下setPreviewRotationAsync()方法。

或者，你可以尝试将方向锁定为横屏模式：

Display.DisplayInformation.autoRotationPreferences = Display.DisplayOrientations.landscape;

虽然除非您手动旋转UI，否则它不会带来良好的体验。

- Mike