在线课程视频如何设置?

2025-06-17

视频添加支持三种模式:1. 直接上传视频 2. 外链视频链接 3. 外链播放器代码


下面分别介绍:


1. 直接上传视频:

点击上传按钮,选择视频上传即可,优点是快捷方便,缺点是比较占用服务器空间,因为视频文件都储存在自己的服务器上。


2. 外链视频:

获取到视频的链接,直接填写即可

测试视频链接:(个别视频地址可能无法正常播放)

# mp4格式视频

https://media.w3.org/2010/05/sintel/trailer.mp4

http://vjs.zencdn.net/v/oceans.mp4

https://cloud.video.taobao.com/vod/fvRiwPs60ryJ4HsHKzetC8SdcFRFLE_DoL6Mg-T0CzU.mp4

https://cloud.video.taobao.com/vod/T6qdY37Co0C6DoUEbIzv2uR-i6mhht6-Aw7j9LaI5H8.mp4

https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4

https://www.w3schools.com/html/movie.mp4

https://www.w3school.com.cn/example/html5/mov_bbb.mp4

# flv格式视频

https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv

# m3u8视频流

https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/hls/xgplayer-demo.m3u8

http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8

# webm格式视频

https://raw.githubusercontent.com/web-platform-tests/wpt/master/media-source/webm/test-vp9.webm

https://mdn.github.io/learning-area/html/multimedia-and-embedding/video-and-audio-content/rabbit320.webm

# ogg格式视频

https://www.w3school.com.cn/i/movie.ogg