Question

当用户点击网站上引用另一个视频的链接时，我正在尝试更改对象的参数。

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值。建议？

Answer 1

使用foo作为任意触发元素：

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

<强> jsFiddle example

Answer 2

你在javascript中创建一个函数，

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

Answer 3

如果您有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

使用JavaScript </video>更改<video>参数onclick

3 个答案: