改变& lt; video>参数onclick使用JavaScript

Change <video> parameter onclick using JavaScript

本文关键字：使用 onclick JavaScript 参数 video lt 改变      更新时间：2023-09-26

我试图改变一个对象的参数时，用户点击网站上的链接，这将引用另一个视频。

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>

我不确定如何通过onClick函数访问对象的参数。我想改变@videoPlayer的值。建议吗?

使用foo作为任意触发器元素:

var foo = document.getElementById('foo');
foo.onclick = function () {
    document.getElementsByName('@videoPlayer')[0].value='123456';
}
<<p> jsFiddle例子/strong>

你在javascript中创建一个函数，它会显示

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

如果你有document.querySelector支持(IE8+，至少对于CSS2选择器)，你可以使用属性选择器来获得你想要的参数:

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

相关文章：