我想开发一个直播电视频道/流媒体页面,但是我的代码不起作用

问题描述

我已经尝试过这些代码来开发直播电视频道页面。但这是行不通的。我已经尝试过将这些代码与.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 (将#修改为@)

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...