选择要通过下拉菜单播放哪个视频..帮助要求

Question

我的问题是我需要在网站上有1个视频播放器用于我在学校的项目（新的东西！），但它需要能够播放2个视频（取决于您从视频播放器上方的下拉菜单中选择的视频），但我不知道如何做到这一点。

第一视频叫做：V​​IDEO_1（mp4格式，并且还具有用于歌剧OGV格式） 第二视频叫做：video_2（mp4格式，并且还具有用于歌剧OGV格式）

它们都是在一个名为：视频（只是给代码）

所以..任何人都可以请帮助我这个？！

在此先感谢

Answer 1

你需要这样简单的东西：

<div id="videoDiv"> 
    <video id="video" 
      width="480" height="360" 
      controls> 
     <source src="video/video_1.mp4"> 
    </video> 
</div> 

从这一点 - 你只需要将您的视频名为“视频”和一些JavaScript文件夹中改变用户更改下拉控件中的选择时的源。

Answer 2

这里有不同的解决方案，但我认为你应该继续搜索Google的答案。通过实验学习东西是迄今为止学习任何东西的最佳方式。但是，在访问者更改选择选项之后，您可以重定向页面，如此处所示：Redirect automatically when selecting an item from a select drop-down list。 （不要忘记在你的HTML页面中包含jQuery）。或者像其他答案所建议的那样，使用JavaScript/jQuery寻找一个函数来改变html正文中的值。

希望这会有所帮助。我们在这里帮助你学习，不帮你做作业;）