javascript - Cordova播放html5视频

Question

我使用 cordova 构建混合标牌应用程序。当我尝试显示视频时，我需要在屏幕的一部分上显示视频，但除了声音之外看不到任何视频。当我全屏显示视频时没有问题。但我需要将其显示在屏幕的一部分上，例如 width: 400px height:400px top:100px left:100px

<video 
id="videoContent_0" src="file:///storage/emulated/0/DS/MediaFiles/1004.mp4" autoplay="" style="z-index: 100; display: inline-block;">
</video>

Answer 1

使用 cordova 插件的更好解决方案，然后您可以获得想要的结果。

Installation

cordova plugin add com.moust.cordova.videoplayer

Using: Just call the play method with a video file path as argument. The video player will close itself when the video will be completed.

VideoPlayer.play(
    "file:///android_asset/www/movie.mp4",
    {
        volume: 0.5,
        scalingMode: VideoPlayer.SCALING_MODE.SCALE_TO_FIT_WITH_CROPPING
    },
    function () {
        console.log("video completed");
    },
    function (err) {
        console.log(err);
    }
);