Javascript 如何设置自动启动brightcove视频?
您好,我使用了brightcove视频我的html页面灯箱弹出窗口。单击图像成功弹出brightcove视频。我的查询是单击缩略图图像弹出窗口并自动播放brightcove视频。感谢您的功能帮助Javascript 如何设置自动启动brightcove视频?,javascript,jquery,html,html5-video,Javascript,Jquery,Html,Html5 Video,您好,我使用了brightcove视频我的html页面灯箱弹出窗口。单击图像成功弹出brightcove视频。我的查询是单击缩略图图像弹出窗口并自动播放brightcove视频。感谢您的功能帮助 Script: $(".thumb3").on('click',function() { var $p3 = $("#videos3"); $(".thumb3").colorbox({ inline: true,
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>
脚本:
$(“.thumb3”)。在('click',function()上
{
变量$p3=$(“#视频3”);
$(“.thumb3”).colorbox({
是的,
宽度:“45%”,
href:$p3
});
});
代码:
更改:
<param name="autoplay" value="false" id="autoplay-lightbox"/>
确保从视频中获取体验id
var vid = document.getElementById('expirienceIdGoesHere');
var dataString = vid.data;
dataString = dataString.replace('autoStart=false','autoStart=true');
vid.data = dataString;
在弹出式单击功能中设置此选项,您的问题是什么?我的问题是brightcove视频自动播放灯箱弹出。我已经在使用此代码
var vid = document.getElementById('expirienceIdGoesHere');
var dataString = vid.data;
dataString = dataString.replace('autoStart=false','autoStart=true');
vid.data = dataString;