SAP UI5 创建video
时间: 2023-09-10 13:04:45 浏览: 164
1. 首先,在SAP Web IDE中创建一个新的UI5应用程序。
2. 在View.xml文件中添加以下代码:
```
<mvc:View
controllerName="yourControllerName"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m">
<Video
id="video"
width="100%"
height="auto"
poster="path/to/poster/image.jpg"
src="path/to/video.mp4"
type="video/mp4"
autoplay="true"
controls="true"
loop="true"
/>
</mvc:View>
```
3. 在Controller.js文件中添加以下代码:
```
sap.ui.define([
"sap/ui/core/mvc/Controller"
], function(Controller) {
"use strict";
return Controller.extend("yourControllerName", {
onInit: function() {
var oVideo = this.getView().byId("video");
oVideo.play();
}
});
});
```
4. 将视频文件和海报图像上传到SAP服务器中的相应文件夹中。
5. 运行应用程序以查看视频播放。
阅读全文