我使用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;
答案 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);
}
);