js method to change embed tag src value_javascript skills
May 16, 2016 pm 04:04 PMThe example in this article describes how to change the src value of the embed tag in js. Share it with everyone for your reference. The specific analysis is as follows:
Today I have a request, a bunch of videos and a bunch of links. Click on the relevant link to open the relevant video on this page.
The first idea is that it is very simple. Just change the src value to the href value of the clicked one.
I tried it and found that it doesn’t work. I still play the video no matter how I play it. It will always be the one I just opened.
The second idea is to add a label outside the embed, clear the content inside, and then write it in. This should be fine.
I tried it, same as above, but it still doesn’t work.
I tried many similar methods, but it still didn’t work.
Finally, I thought of hiding the embed tag (display:none) and clearing it again to try. Finally it works!
The code is as follows:
var tabv = document.getElementById("f_tabv"); var tabva = tabv.getElementsByTagName("a"); var tabcv = document.getElementById("f_tab_cv"); tabcv.innerHTML = '<EMBED src="abc.wmv" autostart="true" width="545" height="325" type="video/x-ms-asf"></EMBED>'; for(var i=0; i<tabva.length; i++){ tabva[i].onclick=function(){ var href1 = this.getAttribute("href"); var href2 = '<EMBED src="'+href1+'" autostart="true" width="545" height="325" type="video/x-ms-asf"></EMBED>'; tabcv.getElementsByTagName("embed")[0].style.display="none"; tabcv.innerHTML=""; tabcv.innerHTML=href2; for(i=0; i<tabva.length; i++){ tabva[i].className=''; } this.className = "act"; return false; } }
I hope this article will be helpful to everyone’s JavaScript programming design.

Hot Article

Hot tools Tags

Hot Article

Hot Article Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

How to use JS and Baidu Maps to implement map pan function

Recommended: Excellent JS open source face detection and recognition project

How to change the starting delivery price of Meituan Takeout merchant version

Essential tools for stock analysis: Learn the steps to draw candle charts with PHP and JS

PHP and JS Development Tips: Master the Method of Drawing Stock Candle Charts

How to create a stock candlestick chart using PHP and JS

How to use JS and Baidu Maps to implement map polygon drawing function

How to use JS and Baidu Map to implement map click event processing function
