Question

您好我使用了brightcove视频我的html页面灯箱弹出。点击图片成功弹出brightcove视频。我的查询是点击缩略图图像弹出和自动播放brightcove video.thanks为您的功能帮助。

Script:
    $(".thumb3").on('click',function()
        {
        var $p3 = $("#videos3");
        $(".thumb3").colorbox({
              inline: true, 
              width: "45%",
              href: $p3
        });
    });

    code:
    <div class="leader_videos">
        <a class='thumb3' href="javascript:void(0)"><img src="images/video-3.jpg"></a> 
            <div class="videos">
                 <div  id="videos3">
        <object id="myExperience3884695242001" class="BrightcoveExperience" autoStart="true"> 
<param name="bgcolor" value="#FFFFFF" /> 
<param name="width" value="100%" /> 
<param name="height" value="350" /> 
<param name="playerID" value="645226206001" /> 
<param name="playerKey" value="AQ~~,AAAAlj15pkk~,3Csx1C7ZFcLlAwiBFL1XG62fIVDuXW7R" />
<param name="autoplay" value="false" />
<param name="autostart" value="0" /> 
<param name="isVid" value="true" /> 
<param name="isUI" value="true" /> 
<param name="dynamicStreaming" value="true" />
<param name="@videoPlayer" value="3884695242001" /> 
</object>
            </div>
        </div>
    </div>

Answer 1

变化：

<param name="autoplay" value="false" id="autoplay-lightbox"/>

在你的JQuery代码中（我不知道它是否正常工作）：

   $("#autoplay-lightbox").attr( "value", "true" );

Answer 2

确保您从视频中获取体验ID。

<div class="main">
  <h2>Hello {{name}}</h2>
</div>
<footer class="footer">
  <h3> this is footer </h3>
</footer>

并在弹出式单击功能

上设置此项

如何设置自动启动brightcove视频？

2 个答案: