html文件编写

查看 80|回复 7
作者:yuehuna   
https://artplayer.org/
这个播放器,可以直接运行代码,怎么把代码放到html里面,变成单页可播放视频,并且视频默认是自适应分辨率的,应该是引用了下面的js




  

代码, 文件

codddder   

你试试看,如果有问题的话,放到服务器环境测试。有些地方引入了外部文件,直接双击运行ajax会报错。
https://wwwh.lanzoul.com/igb2a0trlobi
yuehuna
OP
  

[i]
不是自适应分辨率
codddder   

额,你去缩放浏览器宽度和高度,看看视频有没有再自动适配
yuehuna
OP
  


codddder 发表于 2023-4-23 15:41
额,你去缩放浏览器宽度和高度,看看视频有没有再自动适配

没有,我需要他布满
codddder   

https://wwwh.lanzoul.com/ismDa0trq2hc
jack98   

GPT说:
首先,您需要一个视频源,可以是本地视频或者在线视频。假设您已经有了一个在线视频源。
接下来,您需要在HTML文件中添加以下代码:
```html
```
然后,在JS文件中使用ArtPlayer库,可以轻松地将视频嵌入到您的网页中,并实现自适应分辨率的播放。
```javascript
const player = new Artplayer({
  container: '#player',
  url: 'https://example.com/video.mp4',
  // 播放器设置
  autoplay: false,
  fullscreen: false,
  screenshot: false,
  settings: false,
  // 弹幕插件设置
  plugins: [
    danmuku({
      src: 'https://example.com/danmuku.json',
      color: ['#fff', '#00ff00', '#ff00ff'],
    }),
  ],
});
```
其中,`url`属性是您的视频源URL地址,`container`是放置视频的容器ID。其他属性是ArtPlayer播放器的配置选项,例如是否自动播放、是否允许全屏等。`plugins`属性是ArtPlayer的插件设置,例如此处的弹幕插件。
最后,将以下代码添加到您的HTML文件中:
```html
```
这样,您的视频就能够自适应分辨率地播放了。您可以根据需要添加其他插件或调整配置选项。
harryfun   

[i]
https://wwga.lanzoum.com/iRx9F0ts0mvg
不知道你要有留白的全屏还是覆盖整个屏幕,css3有一个属性object-fit可以去看看,有不懂的也可以随时回复,如果解决了记得采纳哦~
您需要登录后才可以回帖 登录 | 立即注册

返回顶部