科尔多瓦播放html5视频

时间:2016-09-26 15:17:50

标签: javascript android html5 cordova video

我使用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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

使用cordova插件的更好解决方案,然后您可以实现想要的结果。

  

安装

cordova plugin add com.moust.cordova.videoplayer
  

使用:只需使用视频文件路径作为参数调用play方法。视频播放器将在视频完成时关闭。

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