Question

好的，所以我在这里明显遗漏了一些东西（只是无法弄清楚它是什么，我错过了）。我一直在研究基本脚本来获取div的内容，如下所示：

<div class="sxvideo">1745623935001,640,360</div>
<div class="sxvideo">1745605281001</div>
<div class="sxvideo">1745623933001,900</div>

然后我有了这个（在页面底部加载）取内部HTML（这是视频ID，宽度和高度）交换出来，.split数据用逗号，确保两者的高度并且宽度不是未定义的，然后用完整的嵌入代码替换innerHTML，将变量放到正确的位置：

<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>

<script type="text/javascript">
$("div.sxvideo").each(function () {
"use strict";
var bcid = this.innerHTML.split(",");
if (bcid[1] === undefined) {
    bcid[1] = "720";
    }
if (bcid[2] === undefined) {
    bcid[2] = "404";
    }
this.innerHTML = '<center><div style="margin-bottom:15px; height: ' + bcid[2] + 'px; width: ' + bcid[1] + 'px;"><object id="myExperience' + bcid[0] + '" class="BrightcoveExperience"><param name="bgcolor" value="#172531" /><param name="width" value="' + bcid[1] + '" /><param name="height" value="' + bcid[2] + '" /><param name="playerID" value="68593058001" /><param name="playerKey" value="AQ~~,AAAACmfZzQE~,c2ejuULn_boEBJAb-NiqNIQuC2o543gE" /><param name="isVid" value="true" /><param name="isUI" value="true" /><param name="dynamicStreaming" value="true" /><param name="@videoPlayer" value="' + bcid[0] + '" /></object></div></center>';
});
</script>

<script type="text/javascript">brightcove.createExperiences();</script>

编辑添加：为了清理一点（这可能是问题），嵌入代码获取信息然后通过脚本调用视频（这是最后一行brightcove.createExperiences（））。嵌入代码很好。如果我采用该格式并发布（用数据替换变量），它可以正常工作并加载视频。

是不是因为我在剧本之外调用了brightcove .js？我想替换每个实例，然后调用brightcove.createExperiences（），而不是替换内容并为每个div调用它（每页只需调用一次）。

是否应该准备一份文件以确保以正确的顺序完成？大脑慌乱。

或者，如果有人对如何更有效/更好地做到这一点有更好的建议，请随时在此处发布。谢谢！

Answer 1

您的Flash插件依赖于使用外部JavaScript分配给代码的一些动态HTML属性。此脚本（http://admin.brightcove.com/js/BrightcoveExperiences.js）通常在页面加载时运行，但您的脚本在页面加载后运行。您的HTML未被Brightcove脚本正确转换，因为它尚未创建。

解决方案是在代码完成后显式运行Brightcove脚本。在你的代码之后添加这一行，一切都应该很好：

$.getScript('http://admin.brightcove.com/js/BrightcoveExperiences.js');

http://jsfiddle.net/mblase75/bLU9x/

Answer 2

好的，经过大量的咖啡因，我回来后才开始工作。以下是最终的结果：

<script type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>

<script type="text/javascript">
jQuery(document).ready(function($) {
$("div.sxvideo").each(function() {
    var bcid = this.innerHTML.split(",");
    if (bcid[1] === undefined) {
            bcid[1] = "720";
        }
if (bcid[2] === undefined) {
            bcid[2] = "404";
    }
    this.innerHTML = '<center><div style="margin-bottom:15px; height: ' + bcid[2] + 'px; width: ' + bcid[1] + 'px;"><object id="myExperience' + bcid[0] + '" class="BrightcoveExperience"><param name="bgcolor" value="#172531" /><param name="width" value="' + bcid[1] + '" /><param name="height" value="' + bcid[2] + '" /><param name="playerID" value="68593058001" /><param name="playerKey" value="AQ~~,AAAACmfZzQE~,c2ejuULn_boEBJAb-NiqNIQuC2o543gE" /><param name="isVid" value="true" /><param name="isUI" value="true" /><param name="dynamicStreaming" value="true" /><param name="@videoPlayer" value="' + bcid[0] + '" /></object></div></center>';
});
brightcove.createExperiences();
});
</script>

基本上，我只需要添加文档就绪（感谢法语在洛杉矶），然后在其中移动Brightcove初始化。现在就像一个魅力。谢谢！

Answer 3

你的javascript部分不包含文档准备好。尝试：

$(function(){// Your code here});

Answer 4

以为我会为此添加一个变体。我有一个按钮点击，需要通过ajax查找视频ID和信息，然后显示视频。我必须在一个页面中完成所有操作，所以我隐藏了div：

<script type="text/javascript">

function onSelect(e) {
    var dataItem = this.dataItem(e.node);

    var type = $(e.node).data("type");
    if (type == "video") {

        var request = {
            VideoID: dataItem.id
        };

        $.ajax({
            type: "POST",
            url: '@Url.Action("VideoRequest", "Video")',
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify(request),
            dataType: "json",
            success: function(data) {

                var referenceID = data["ReferenceID"];

                $("#playerCode").html(
                    '<object id="videoPlayer" class="BrightcoveExperience">' +
                        '<param name="bgcolor" value="#FFFFFF" />' +
                        '<param name="width" value="480" />' +
                        '<param name="height" value="270" />' +
                        '<param name="playerID" value="2810882002001" />' +
                        '<param name="playerKey" value="AQ~~,AAACbZTjlpE~,8zoTOFpOgAiTJ1UDRoQvrBanwRVGwo2w" />' +
                        '<param name="isVid" value="true" />' +
                        '<param name="isUI" value="true" />' +
                        '<param name="dynamicStreaming" value="true" />' +
                        '<param name="videoID" value="' + referenceID + '" /></object>');

                brightcove.createExperiences();

                $("#tree").css("visibility", "hidden");
                $("#player").css("visibility", "visible");
            }
        });
    }
}

Jquery / Javascript视频替换

4 个答案: