Question

我正在尝试创建一个页面，通过输入剧集编号，我可以动态更改<video>源链接。

这是我目前的代码：

$(document).ready(function(){

    $('#button').click(function(e) {  
        var inputvalue = $("#input").val();
        window.location.replace("http://www.example.com/episode/"+inputvalue+"/somemoretext.mp4");

    });
});

<div><input type="text" value="Episode Number" id="input"> 
<button type="button" class='btn' id="button">Watch</button></div>

<video width="100%" controls="controls">
<source src="http://www.example.com/episode/24/somemoretext.mp4">
Your browser does not support this video's playback.
</video>

我希望javascript更改视频代码的网址而不是按钮。

Answer 1

感谢@Tushar

，这对我有用

$('#button').on({
    'click': function(){
    var inputvalue = $("#input").val();
    $('#videot').attr('src', "http://example.com/episode/" + inputvalue + "/something.mp4");
    }
});

<div>
<input type="text" value="Episode Number" id="input">
<button type="button" class='btn' id="button">Watch</button>
</div>

<video id='videot' width="100%" controls="controls">
<source src="http://example.com/episode/25/something.mp4" type="video/mp4">
Your browser does not support this video's playback.</video>

Answer 2

在以下代码段中，共有5个视频。

点击事件已更改为委派点击事件（test_grades = [101, 83, 107, 90] sum_extra = -999 # Initialize 0 before your loop while test_grades > 100: test_grades = test_grades - 100 sum_extra = test_grades[0:3] for test_grades[0:3] > 100: test_grades = test_grades - 100 sum_extra= test_grade[0] + test_grades[1] + test_grades[2] + test_grades[3] print('Sum extra:', sum_extra)）
.on的值已分配为episode并转换为实数。
视频API并不了解jQuery对象是什么，因此我们必须使用纯JavaScript来引用#input
接下来我们更改<video>的{{1}}属性（当定位src时，<video/source>我们可以定位任何一个，无论哪个元素实际具有该属性）
最后一步是<video> <source>属性的新网址。 load()发生变化时，这是必要的。

注意：我添加src只是因为它看起来很整洁，但没有必要。

段

＆＃13;

src

＆＃13;

$('#counter').val(episode)

＆＃13;

动态编辑链接以更改视频源

2 个答案:

段