video.js 播放 流媒体

时间:2024-05-20 14:30:54

video.js 播放 流媒体

新人博主 请多关照,若有侵权,联系改正。谢谢
参考博客地址:https://www.cnblogs.com/FHC1994/p/9981440.html
https://www.cnblogs.com/zhifa/p/11158356.html
https://blog.****.net/zlb_lover/article/details/71158416
测试连接:https://www.jianshu.com/p/5c001dce85b8

通过video.js 播放视频通过传输动态src 播放 需要引入
video.js文件

在body中添加元素标签 video

To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video

这里我是默认有播放视频 添加scrip标签 加上如下代码

添加播放控件(这里我是通过text传输的值)

在js代码中天加如下代码
function Buttong_onclick(){
var videoUrl= document.getElementById(‘index’).value;//此处填写你的视频地址
//alert(“videoUrl===”+videoUrl);
var myPlayer = videojs(‘example_video_1’);
videojs(“example_video_1”).ready(function() {
var myPlayer = this;
myPlayer.src(videoUrl); /动态设置video.js播放的地址。/
myPlayer.autoplay();
document.getElementById(“example_video_1”).play();
});
}

就完成了
效果图如下 这是src动态输入的地址
video.js 播放 流媒体
默认的地址video.js 播放 流媒体