廢話不多說(shuō),先上一段我親測(cè)可用的代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<link rel="stylesheet">
<script src="http://vjs.zencdn.net/7.3.0/video.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>
<body>
<video id='myvideo' width=960 height=540 class="video-js vjs-default-skin" controls>
<!-- RTMP直播源地址-->
<source src="rtmp://58.200.131.2:1935/livetv/hunantv">
</video>
<script>
var player = videojs('myvideo', {}, function(){console.log('videojs播放器初始化成功')})
player.play();
</script>
</body>
</html>
下面這個(gè)引入js是播放rtmp協(xié)議源所需要的,很顯然,看名字就知道這是一個(gè)flash插件。
沒(méi)錯(cuò),所以去播放rtmp的時(shí)候,瀏覽器一定要保證不默認(rèn)禁用FLASH!??!切記!
<script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>
ps:我測(cè)試使用的源是湖南衛(wèi)視的源,親測(cè)可用。