Question

我需要通过查询字符串加载mp4视频。使用jquery我的代码不会更新视频源。如果我将示例视频网址放在html5源代码中，它可以在没有JQuery的情况下工作。我的任务是打开加载了正确视频的页面。

问题是代码没有看到JS源代码。当我不应该使用$时定义变量。现在它有效..

  <video id='videoPlayer' width="640" height="480" controls="controls">
      <source id='mp4Source' src="" type="video/mp4" />  
    </video>  
    <script src="jquery.min.js"></script>
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">-->
  <script>

$(document).ready(function () {
    // theVid will be populated by query string, for testing it's hard coded.
    //var theVid = 'http://html5demos.com/assets/dizzy.mp4';
    var theVid = 'http://techslides.com/demos/sample-videos/small.mp4';

    var player = document.getElementById('videoPlayer');
    var mp4Vid = document.getElementById('mp4Source');

    player.pause();

      // Now simply set the 'src' attribute of the mp4Vid variable!!!!
      // (...using the jQuery library in this case)

    $(mp4Vid).attr('src', theVid);
    player.load();
    //player.show();
    player.play();   

});

Answer 1

$('#mp4Source').attr('src', theVid);

您没有将源代码设置为您列出的html。试试吧。

通过查询字符串加载mp4视频

1 个答案: