Javascript 向HTML5传递参数

我正在使用Moodle显示一些视频。视频播放器需要一个手写的查看器来限制控件，因为我不能允许查看器在视频中快进。我有大约30个视频，每个视频的HTML5页面都是相同的，除了应该播放的视频的名称。因此，我想将视频的名称传递到通用视频播放器HTML5文件中

我为其中一个页面编写的HTML5代码如下所示（由于自定义控件在本讨论中并不重要，因此删除了自定义控件部分）：

因此，我不想拥有30个不同的HTML5文件，每个文件都有一个不同的视频基本名称（“mikethefrog”在本例中，有三个不同的扩展名），而是想将该基本名称传递到HTML5中，按照“”的思路，HTML5必须将该名称提取出来，并在上面的HTML5通用版本中替换该名称，附加三种不同的视频文件格式扩展名

我想一个可能的途径是在javascript中获取这个参数，并为这三种类型的视频文件构建三个变量，但是如何为src参数输入一个变量名呢

任何帮助，或如何做到这一点的指针，将不胜感激

---

谢谢

您可以使用此javascript函数获取参数：

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

将ID添加到HTML中

<div id="video-container">
    <video id="video1" oncontextmenu="return false;" >
          <source id="videoMp4"src="" type="video/mp4" />
          <source id="videoWebm"src="" type="video/webm" />
          <source id="videoOgg" src="" type="video/ogg" />
    </video>
</div>

---

哇，那里有些漂亮的东西。我想我理解它，但我在实现它时遇到了困难。这是我第一次接触JQuery，所以我不得不问一个愚蠢的问题。第一个框中的javascript代码与第三个框中的JQuery代码在同一个文件中吗？我确实下载了jquery文件，并在我的HTML正文中添加了几行，视频似乎没有加载，因此显然无法播放。我得到的只是一个空白屏幕。我试图在那里放一些代码来调试它，但我也失败了。是的，你可以把所有的javascript放在文件中。对于jquery，您可以添加：

。使用一些PHP，所有这些都会变得非常简单。@user2574497:如果这个答案有帮助，请接受它。

<div id="video-container">
    <video id="video1" oncontextmenu="return false;" >
          <source id="videoMp4"src="" type="video/mp4" />
          <source id="videoWebm"src="" type="video/webm" />
          <source id="videoOgg" src="" type="video/ogg" />
    </video>
</div>

$(document).ready(function(){
    var videoname = getParameterByName("video");
    if(videoname) {          
        var url = 'videos\\' + videoname;

        $('#videoMp4').attr('src',url + ".mp4");
        $('#videoWebm').attr('src',url + ".webm");
        $('#videoOgg').attr('src',url + ".ogg");

        var player = document.getElementById('video1'); 
        player.load();
        player.play();  
    }
});