Cordova 播放 html5 视频答案

【问题标题】：Cordova playing html5 videoCordova 播放 html5 视频
【发布时间】：2016-09-26 15:17:49
【问题描述】：

我使用 cordova 构建一个混合标牌应用程序。当我尝试显示视频时，我需要在屏幕的一部分上显示视频，然后我看不到任何视频，只有声音。当我将视频显示为全屏时没有问题。但我需要在屏幕的一部分上显示它，例如宽度：400px 高度：400px 顶部：100px 左侧：100px

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

【问题讨论】：

我知道我的回答不好，但我试图为您提供快速的解决方案。
您不能使用 Cordova 直接引用 src 属性中的存储位置。如果视频源是网络流，它应该可以工作。如下所述，更好的解决方案是使用插件来实现您想要做的事情。

标签： javascript android html cordova video

【解决方案1】：

使用cordova插件的更好的解决方案，然后你可以达到想要的结果。

安装

cordova plugin add com.moust.cordova.videoplayer

使用：只需使用视频文件路径作为参数调用播放方法。视频播放完毕后，视频播放器会自行关闭。

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);
    }
);

【讨论】：