如何将文本框值传递给HTML和JavaScript中的src链接？ [英] How to pass textbox value to src link in HTML and javascript?

问题描述

我想输入视频名称到文本框，按ENTER按钮然后浏览器播放我存储在磁盘中的视频。

但我不知道如何获取HTML视频src的文本框值。请帮我。谢谢。



这是我的代码：

 功能 playVideo（）
 {
 myVideo.play（）; 
} 
 

 <   input     name   =  txtText    type   =  text   < span class =code-attribute> id   =  txtText    size   =  20    maxlength   =  10  /  >  
 <   video     id   =  myVideo   < span class =code-attribute> width   =  640    height   =  360 >  
 <   source     src   =  love.mp4    type   =  video / mp4 > 
 <   / video  >  
 <   input    类型  = 按钮    value   =  ENTER    width   =   20    height  < span class =code-keyword> =  20    onclick   =  playVideo（）;  /  >  

这个src =爱。 mp4是固定的。如何用输入到文本框的值替换它？

解决方案

将ID放入源标签

< video id =myVideowidth =640height =360> 
< source id =VdoSrcsrc =love.mp4type =video / mp4> 
< / source>< / video> 

你可以通过javascript获得

 var mp4Vid = document.getElementById（'VdoSrc'）; 

（mp4Vid）.attr（'src'，/ pathTo / love.mp4）;

有关详细信息，请查看此链接

I want to enter video name to textbox, press ENTER button then browser play video I have stored in my disk.
But I don't know how to get textbox value to HTML video src. Please help me. Thank you.

Here is my code:

function playVideo()
 {
        myVideo.play();
 }

<input name="txtText" type="text" id="txtText" size="20" maxlength="10"/>
 <video id="myVideo" width="640" height="360">
   <source src="love.mp4" type="video/mp4"> 
 </video>
 <input type="button" value="ENTER" width="20" height="20" onclick="playVideo();"/>

This src = "love.mp4" is fixed. How can I replace it with value I enter to textbox?

解决方案

Put ID to source tag

<video id="myVideo" width="640" height="360">
    <source id="VdoSrc" src="love.mp4" type="video/mp4"> 
</source></video>

You can get through javascript

var mp4Vid = document.getElementById('VdoSrc');

(mp4Vid).attr('src', "/pathTo/love.mp4");

For more info check this Link

这篇关于如何将文本框值传递给HTML和JavaScript中的src链接？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！