zoukankan      html  css  js  c++  java
  • video.js视频播放

    video.js视频播放

    npm引入:

    npm i video.js

    引入:

      import Video from 'video.js'
      import 'video.js/dist/video-js.css'

    html:

    <video
                ref="myVideo"
                class="video-js" style=" 100%;height:100%">
                <source
                  src="videoUrl"
                  type="video/mp4">
              </video>
    

    新建实例:

    this.myPlayer = new Video(this.$refs.myVideo, {
            // 确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。
            controls: true,
            // 自动播放属性,muted:静音播放
            autoplay: 'muted',
            // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
            preload: 'auto',
            // 设置视频播放器的显示宽度(以像素为单位)
             '800px',
            // 设置视频播放器的显示高度(以像素为单位)
            height: '400px'
          })

    切换数据源:

    myPlayer.src("http://www.example.com/path/to/video.mp4");
    myPlayer.play();
    

      

    钻研不易,转载请注明出处。。。。。。

  • 相关阅读:
    swift 初见-4运算符与字符串操作
    IOS中数据持久化1-CoreData
    swift 初见-3
    swift 初见-2
    系统硬件1-短信,打电话
    swift 初见-1
    socket理解流程图
    文件操作方法fscanf
    Prim模板
    树剖求LCA模板
  • 原文地址:https://www.cnblogs.com/s313139232/p/12564826.html
Copyright © 2011-2022 走看看