使用javascript API嵌入Brightcove视频
使用javascript API嵌入Brightcove视频
提问于 2016-08-18 09:13:27
我正在尝试使用javascript来使用视频id嵌入视频。经过几次追踪，我找到了方法去做它，我想确定这是正确的方式使用它，还是有什么我错过了吗？
这段代码运行良好，但需要知道我是否做错了。
<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>
<object class="BrightcoveExperience">
<param name="bgcolor" value="#FFFFFF" />
<param name="width" value="480" />
<param name="height" value="270" />
<param name="playerID" value="4942277584001" />
<param name="playerKey" value="AQ~~,AAAEfriyQEE~,ZL37ulQzt-toqcwK_Cwr35Bl9P3znlYu" />
<param name="isVid" value="true" />
<param name="isUI" value="true" />
<param name="dynamicStreaming" value="true" />
<param name="@videoPlayer" value="5072209967002" />
</object>
<!-- This script tag will cause the Brightcove Players defined above it to be created as soon
as the line is read by the browser. If you wish to have the player instantiated only after
the rest of the HTML is processed and the page load is complete, remove the line.-->
<script type="text/javascript">brightcove.createExperiences();</script>
<script type="text/JavaScript">
var player,
APIModules,
videoPlayer;
function onTemplateLoad(experienceID){
player = brightcove.api.getExperience(experienceID);
APIModules = brightcove.api.modules.APIModules;
}
function onTemplateReady(evt){
videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);
videoPlayer.play();
}
</script>
<!-- End of Brightcove Player -->回答 2
Stack Overflow用户
回答已采纳
发布于 2016-08-24 07:34:52
Brightcove播放器用于播放明亮的视频。您编写的代码是正确的，但是在明亮的文档中显示它使用的是遗留播放器。使用http://docs.brightcove.com/en/video-cloud/brightcove-player/guides/embed-in-page.html中指定的嵌入代码的建议/当前方法是：
<video data-video-id="4784463159001"
data-account="1507807800001"
data-player="SkSyF9Cl"
data-embed="default"
class="video-js"
controls></video>
<script src="//players.brightcove.net/1507807800001/SkSyF9Cl_default/index.min.js"></script>在数据-视频- id属性中指定视频id，在数据帐户中指定帐户id，在数据- player属性中指定播放机详细信息。
有关如何在javascript中使用嵌入代码的更多信息，您可以查看上面指定的链接.。
注意:也替换脚本src链接与您的帐户id和播放器的关键细节。
希望能帮上忙。
Stack Overflow用户
发布于 2019-09-10 14:44:47
香草Javascript的最新更新
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Load Player Dynamically</title>
<style>
.video-js {
width: 640px;
height: 360px;
}
</style>
</head>
<body>
<div id="property-video-brightcove"></div>
<button onclick="init()">Init</button>
<button onclick="play()">Play</button>
<button onclick="pause()">Pause</button>
<button onclick="terminate()">Terminate</button>
<script type="text/JavaScript">
var playerInstance;
function init() {
var container = document.getElementById('property-video-brightcove');
var playerHTML;
var data = {
'accountId': '5699924528001',
'playerId': 'default',
'videoId': '5833639391001'
};
var script = document.createElement('script');
script.src = "https://players.brightcove.net/" + data.accountId + "/" + data.playerId + "_default/index.min.js";
script.id = "brightcoveJs";
playerHTML = '<video-js id=\"brightcovePlayer\" ' +
' data-video-id=\"' + data.videoId + '\" ' +
' data-account=\"' + data.accountId + '\" ' +
' data-player=\"' + data.playerId + '\" ' +
' data-embed=\"default\" class=\"video-js\" ' +
' controls></video-js>';
container.innerHTML = playerHTML;
container.appendChild(script);
script.onload = callback;
}
function callback() {
playerInstance = bc('brightcovePlayer');
playerInstance.on('loadedmetadata', function () {
playerInstance.play();
})
}
function play() {
playerInstance.play();
}
function pause() {
playerInstance.pause();
}
function terminate() {
document.getElementById('brightcovePlayer').remove();
document.getElementById('brightcoveJs').remove();
delete playerInstance;
}
setTimeout(function () {
init();
}, 1000);
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39014245
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号