???de?do? 2020-01-03 15:09 采纳率: 0%
浏览 749

ckplayer vue中怎么让视频不要自动加载呢,我是默认暂停的,想要播放的时候再加载

怎么让视频不要自动加载呢,我是默认暂停的,想要播放的时候再加载

videoObject: {
                container: '',
                variable: 'player',
                width: '100%',
                height: '100%',
                autoplay: false,
                poster: '',//封面图
                html5m3u8:true,
                video: 'https://tx.hls.huya.com/huyalive/94525224-2460685722-10568564701724147712-2789253838-10057-A-0-1_1200.m3u8',//视频地址

                type: 'm3u8',
}, 
let player = new ckplayer(this.videoObject); 
  • 写回答

1条回答 默认 最新

  • lshen01 2023-03-17 09:41
    关注

    参考GPT和自己的思路:

    要让视频不自动加载,可以将autoplay属性设置为false,就像您在提问中所示的代码中已经设置的那样,这意味着视频将不会自动播放。

    如果您想要在需要播放视频时再加载,可以将video属性设置为一个空字符串,这样视频将不会在页面加载时自动加载。然后,当需要播放视频时,您可以使用播放按钮或其他交互方法来触发视频加载和播放。

    在您提供的代码中,video属性已经设置为视频地址,这意味着该视频将在页面加载时自动加载。如果您想在需要时加载视频,可以将video属性设置为空字符串,像这样:

    video: '',
    

    然后,您可以在需要时使用player.videoPlay()方法来触发视频的加载和播放。例如,您可以将此方法绑定到一个按钮或其他交互元素的click事件上:

    <button @click="playVideo">播放视频</button>
    
    methods: {
      playVideo() {
        const player = new ckplayer(this.videoObject);
        player.videoPlay();
      }
    }
    

    此方法将创建一个新的ckplayer实例,并使用videoPlay()方法来加载和播放视频。请注意,在每次调用该方法时都会创建一个新的ckplayer实例,因此在多次调用该方法时可能会存在性能问题。如果您需要多次播放同一视频,最好将ckplayer实例保存为类变量,以避免在每次播放时都创建新实例。

    评论

报告相同问题?

悬赏问题

  • ¥15 oracle集群安装出bug
  • ¥15 关于#python#的问题:自动化测试
  • ¥20 问题请教!vue项目关于Nginx配置nonce安全策略的问题
  • ¥15 教务系统账号被盗号如何追溯设备
  • ¥20 delta降尺度方法,未来数据怎么降尺度
  • ¥15 c# 使用NPOI快速将datatable数据导入excel中指定sheet,要求快速高效
  • ¥15 再不同版本的系统上,TCP传输速度不一致
  • ¥15 高德地图点聚合中Marker的位置无法实时更新
  • ¥15 DIFY API Endpoint 问题。
  • ¥20 sub地址DHCP问题