Flera taggar i getElementByTagName

4 svar · 642 visningar · startad av osklar0328 23 juli 2012

osklar0328Medlem sedan apr. 201227 inlägg

Frågan23 juli 2012 13:48#1

JavaScript

function playAll(){
	var playMedia = document.getElementsByTagName('video')[0];  
	playMedia.play();
}

function stopAll(){
    var stopMedia = document.getElementsByTagName('video')[0];  
    stopMedia.pause();  
}

Ska det inte gå att göra följande?

function playAll(){
	var playMedia = document.getElementsByTagName[B]('video,audio')[/B][0];  
	playMedia.play();
}

function stopAll(){
    var stopMedia = document.getElementsByTagName[B]('video,audio')[/B][0];  
    stopMedia.pause();  
}

nitro2k01Medlem sedan aug. 20039 340 inlägg

23 juli 2012 16:52#2

Din kod som den ser ut nu kommer ju bara operera på det första elementet som returneras. Du vill nog göra något i stil med:

function playAll(){
	var playVideo = document.getElementsByTagName('video');
	
	for(var i=0; i<playVideo.length; i++)
		playVideo[i].play();

	var playAudio = document.getElementsByTagName('audio');
	
	for(var i=0; i<playAudio.length; i++)
		playAudio[i].play();
}

function stopAll(){
	var playVideo = document.getElementsByTagName('video');
	
	for(var i=0; i<playVideo.length; i++)
		playVideo[i].pause();

	var playAudio = document.getElementsByTagName('audio');
	
	for(var i=0; i<playAudio.length; i++)
		playAudio[i].pause();
}

voigtann1Medlem sedan juni 20019 519 inlägg

23 juli 2012 17:22#3

som nitro skriver och om du se vad metoden heter getElementsByTagName det är inte ByTagNames

Om du bara bry dig om moderna webbläsare kan du köra document.querySelectorAll("video, audio") men det är väl inte riktigt det du är ute efter.

osklar0328Medlem sedan apr. 201227 inlägg

24 juli 2012 10:16#4

Det här funkade också:

function playAll(){
    var playVideo = document.getElementsByTagName('video')[0]; 
    var playAudio = document.getElementsByTagName('audio')[0];  
		
		playVideo.play();
		playAudio.play();
}

function stopAll(){
    var stopVideo = document.getElementsByTagName('video')[0]; 
    var stopAudio = document.getElementsByTagName('audio')[0];  
		
		stopVideo.pause();
		stopAudio.pause(); 
}

Vad blir det för skillnad på dom två metoderna?

nitro2k01Medlem sedan aug. 20039 340 inlägg

24 juli 2012 11:27#5

Om du har två videotaggar eller två audiotaggar så kommer den andra videotaggen eller den andra audiotaggen inte att startas eller stoppas.