87,904
社区成员
发帖
与我相关
我的任务
分享如何用一个网页来实现这种效果？
想做一个类似央视网的在线直播（网址：http://tv.cctv.com/live/?spm=C04362.PbbvHsDAhYSV.0.0）的网页。看了一下这个网页的源码，切换是通过点击右边的频道列表实现的，实际上通过超链接调用不同网页实现的。因为调用的网页除了地址不同之外，其他都是一样的，所以我想实现在一个网页中，（在这个网页中有各个频道的视频地址）通过点击来实现频道切换。请高手指教该如何实现？（本人小白，请尽量写出需要的代码）
...全文
请发表友善的回复…
发表回复
天际的海浪 2019-11-09
- 打赏
- 举报
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<video id="vid" controls="controls" width="640" height="360"></video><br />
<a href="javascript:playVideo('1.mp4')">频道1</a>
<a href="javascript:playVideo('2.mp4')">频道2</a>
<a href="javascript:playVideo('3.mp4')">频道3</a>
<script type="text/javascript">
function playVideo(url) {
var vid = document.getElementById("vid");
vid.src = url;
vid.play();
}
</script>
</body>
</head>
