Change <video> parameter onclick using JavaScript

Question

I'm trying to change an object's parameter when the user clicks a link on the site which would reference another video.

HTML

<object id="myExperience8675309" class="BrightcoveExperience">
  <param name="bgcolor" value="#FFFFFF" />
  <param name="width" value="480" />
  <param name="height" value="270" />
  <param name="playerID" value="123456789" />
  <param name="playerKey" value="abcdefghijklmnop" />
  <param name="isVid" value="true" />
  <param name="isUI" value="true" />
  <param name="dynamicStreaming" value="true" />
  <param name="@videoPlayer" value="8675309" />
</object>

I'm not sure how to access the parameters of the object via an onClick function. I want to change the @videoPlayer value. Suggestions?

j08691 · Accepted Answer · 2013-06-20 19:59:05Z

1

Using foo as an arbitrary trigger element:

var foo = document.getElementById('foo');
foo.onclick = function () {
    document.getElementsByName('@videoPlayer')[0].value='123456';
}

jsFiddle example

answered Jun 20, 2013 at 19:59

j08691

209k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Keith Over a year ago

Thanks, I was stuck on trying to access the object and then change the parameter and then the subsequent value. I'll give it a shot and if it works I'll be back to vote you up.

Grant Weiss · Accepted Answer · 2013-06-20 19:55:00Z

0

you create a function in javascript that will go,

document.getElementsByName('@videoPlayer').value='New Value';

answered Jun 20, 2013 at 19:55

Grant Weiss

3552 silver badges12 bronze badges

Comments

Nick Tomlin · Accepted Answer · 2013-06-20 20:07:06Z

0

If you have document.querySelector support (IE8+, at least for CSS2 selectors), you can use an attribute selector to get the parameter you want:

button = document.querySelector('button'); // <button> element
button.addEventListener('click', function(){
    var param = document.querySelector('[name="height"]'); // can use '#objectid [name="height"]' for greater specificity
  param.value = 100;

});

jsbin

answered Jun 20, 2013 at 20:07

Nick Tomlin

29.4k12 gold badges65 silver badges95 bronze badges

Collectives™ on Stack Overflow

Change <video> parameter onclick using JavaScript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related