同一网页播放不同电影html 怎么写？

Question

比如 有 500部电影，不想做 500个播放页面，现在只做 一个播放页， 鼠标点击 不同电影名字，然后 播放不同电影。

这个 用 html 如何 实现呢 ? thank you

Answer 1

就算只有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' 这样的变量形式了。