2014-07-17 6 views
0

HTML 태그의 src 정보를 css3 content 태그에 삽입하는 방법을 모르겠습니다.src 정보를 가져 와서 css3 content - javascript 태그에 삽입하십시오.

예를 들어

:

는 ..

<video id="video" width="100%" height="100%" controls> 
<source src="63f01c0300d2848a.webm" type="video/webm">  
<p> Your browser doesn't support WebM video.</p> 
</video> 

을 얻고 난 시작하는 방법을 알고

<style type="text/css"> 
    #videoname:after{content:"";} 
    </style> 

에 삽입,하지만 난 JS에 대한하지 한 정도로 지식이

function notEmpty(){ 
var srcname = document.getElementById("video").src; 
if(srcname.value != "") 

else  
??insert ("no video selected")?? } 

감사합니다. f 또는 나를 도와주세요!

+0

'id' 속성을'source' 요소에 정의하지 않았습니다. – zerkms

+0

그래서 질문에 넣어. – zerkms

답변

1

, jQuery를 함께 할 당신의 <head>

<script src="http://code.jquery.com/jquery-1.11.1.min.js" ></script> 
<script> 
var source = $('#source').attr('src'); 
$('#videoname').html('<b>&gt;&gt; ' + source + '</b>'); 
</script> 

에이 코드를 추가하고 소스 태그

<source id="source" src="63f01c0300d2848a.webm" type="video/webm"> 

에 ID = "소스"를 추가하고 원하는 곳이 div에 넣어 쉬운 :

<div id="videoname"></div> 

피들 업데이트 : http://jsfiddle.net/x32pb/2/

+0

이것은 완벽 해 보이지만 src 정보는 두 개의 ">>"뒤에있는 헤더에 있어야하며이 코드는 실제로 작동하지 않습니다. 내 코드 (http://jsfiddle.net/x32pb)로 나를 도울 수 있기를 바랍니다./1 – Tim4497

+0

내 업데이트 된 답변보기 : http://jsfiddle.net/x32pb/2/ – ShemSeger