Cordova播放html5视频

问题描述：

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

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

我知道我的答案不好，但我试图为您提供快速解决方案。 –

您不能直接在Cordova的'src'属性中引用存储位置。如果视频源是网络流，它应该可以工作。如下所述，更好的解决方案是使用插件来实现你想要做的事情。 – johnborges

答

更好的解决方案中使用科尔多瓦的插件，那么你可以达到想要的结果。

安装

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

Cordova播放html5视频

相关推荐