问题描述
我已经尝试过这些代码来开发直播电视频道页面。但这是行不通的。我已经尝试过将这些代码与.mp4文件配合使用,并且有效。但是我想用m3u8播放列表来做到这一点。我还想使用video.js嵌入式播放器。有人可以帮我我的错吗?
<head>
<link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<style>
button{padding:0px;}
</style>
</head>
<body>
<script>
function myFuntion1(){
document.getElementById("myframe").src = 'https://edge01.iptv.digijadoo.net/live/ntv/chunks.m3u8';
}
function myFuntion2(){
document.getElementById("myframe").src = 'https://edge01.iptv.digijadoo.net/live/rtv/chunks.m3u8';
}
function myFuntion3(){
document.getElementById("myframe").src = 'https://edge01.iptv.digijadoo.net/live/gazi_tv/chunks.m3u8';
}
</script>
<br>
<div>
<video
id="myframe"
class="video-js"
controls
autoplay="true"
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup="{}"
>
<source src="https://edge01.iptv.digijadoo.net/live/ntv/chunks.m3u8" type="application/x-mpegURL" />
</video>
<script src="https://vjs.zencdn.net/7.8.4/video.js"></script>
</div>
<div>
<button onclick="myFuntion1()"><img src="https://i.extraimage.info/pix/2020/06/14/ntv1343f.jpg" width="200" height="125"></button>
<button onclick="myFuntion2()"><img src="https://i.extraimage.info/pix/2020/06/14/rtv8c989.jpg" width="200" height="125"></button>
<button onclick="myFuntion3()"><img src="https://i.extraimage.info/pix/2020/06/14/gtvd03ad.jpg" width="200" height="125"></button>
</div>
</body>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)