通过百度网盘分享的文件：uniVideoNew.rar
链接： https://pan.baidu.com/s/1YIFHB5joYkUQ8ZwABQSnmw
提取码：oso2

没有Video.Js也能播放MP4视频，只有不能拖放 进度，界面也没那么好看，注意MP4文件相对于unigui.exe之间的相对位置

<style>
.m {
width: 960px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
}
</style>      

    <link href="video-js.min.css" rel="stylesheet">  /* CSS样式文件 */

    <div class="m">
      <video id="my-video" class="video-js" controls preload="auto" width="960" height="400"
          poster="m.jpg" data-setup="{}">  //背景图片
        <source src="small.mp4" type="video/mp4">  //视频MP4文件
      </video>
      <script src="video.min.js"></script>       //Video.js
 
    </div>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.

UniGUi学习UniHTMLFrame1例子_video-js视频MP4播放_css

 

UniGUi学习UniHTMLFrame1例子_video-js视频MP4播放_背景图片_02

 

UniGUi学习UniHTMLFrame1例子_video-js视频MP4播放_背景图片_03

UniGUi学习UniHTMLFrame1例子_video-js视频MP4播放_css_04

 

<video id="my-video" class="video-js" controls preload="auto" width="300" height="200"
          poster="m.jpg" data-setup="{}">  //背景图片
        <source src="small.mp4" type="video/mp4">  //视频MP4文件
      </video>
  • 1.
  • 2.
  • 3.
  • 4.