比如 有 500部电影,不想做 500个播放页面,现在只做 一个播放页, 鼠标点击 不同电影名字,然后 播放不同电影。
这个 用 html 如何 实现呢 ? thank you
就算只有10部电影,一般也不会去做10个播放页面的o(∩_∩)o 哈哈。说下思路:
建个文件夹,把电影都装进去;
写个HTML页面,插入一个容器(推荐video标签,如果不考虑兼容的话);
写个js文件罗列所有的电影名和电影文件调用路径,形如:
var movies = [
{
name: '电影1',
url: 'movies/a.mp4'
}, {
name: '电影2',
url: 'movies/b.avi'
},
……
{
name: '电影500',
url: 'movies/a99.mkv'
}
];
然后用JS遍历这个数组,输出电影名称,并在名称上加上电影链接,当点击名称时,将video标签的src地址替换为当前电影的链接;
然后就没有然后了,电影都开始播了。
src 地址 能用 变量吗? 那样或许 简单一些
追答当然可以,前提是你的电影文件的命名要有规律,例如采用数字升序。这样就能使用类似 'movies/' + n + '.avi' 这样的变量形式了。