I am trying to get a Brightcove embedded video player to work in IE8. It is currently working in all other browsers >IE8.
I retrieved this code from this Brightcove example: http://files.brightcove.com/BCL_MediaAPI_example.html
<!DOCTYPE html>
<html>
<head>
<title>Media API Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Javascript Media API wrapper from opensource.brightcove.com -->
<script type="text/javascript" src="http://files.brightcove.com/bc-mapi.js"></script>
</head>
<body>
<h1>Media API Sample</h1>
<!-- Start of Brightcove Player -->
<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>
<object id="myExperience" class="BrightcoveExperience">
<param name="bgcolor" value="#FFFFFF" />
<param name="width" value="480" />
<param name="height" value="270" />
<param name="playerID" value="921267190001" />
<param name="playerKey" value="AQ~~,AAAA1oy1bvE~,ALl2ezBj3WG3MLvDx9F9zkV06cNK00ey" />
<param name="isVid" value="true" />
<param name="isUI" value="true" />
<param name="dynamicStreaming" value="true" />
<!-- params for Universal Player API -->
<param name="includeAPI" value="true" />
<param name="templateReadyHandler" value="BCL.onTemplateReady" />
</object>
<script type="text/javascript">brightcove.createExperiences();</script>
<!-- End of Brightcove Player -->
<fieldset>
<legend>Videos</legend>
<div id="results"></div>
</fieldset><br>
<!-- This is the script to modify for the exercise -->
<script type="text/javascript">
// BCL Media API search maker -- adapted from JS-MAPI on opensource.brightcove.com
// namespace to keep all the "global" vars together
var BCL = {};
// placeholder - params for API call
BCL.params = {};
// Media API read token
BCMAPI.token = "WDGO_XdKqXVJRVGtrNuGLxCYDNoR-SvA5yUqX2eE6KjgefOxRzQilw..";
// set the callback for Media API calls
BCMAPI.callback = "BCL.onSearchResponse";
// set the filter
BCL.params.any = "tag:nature";
BCMAPI.search(BCL.params);
BCL.onSearchResponse = function(jsonData) {
var str = "";
for (var index in jsonData.items) {
str += "<a onclick=\"BCL.playVideo(" + jsonData.items[index].id + ")\" style=\"cursor:pointer\"><img src=\"" + jsonData.items[index].thumbnailURL + "\"/><br/><small>" + jsonData.items[index].name + "</<small></a><hr/>";
}
document.getElementById("results").innerHTML = str;
}
// Player API scripting
// event listener for the player being ready
BCL.onTemplateReady = function (event) {
BCL.player = brightcove.api.getExperience("myExperience");
// get a reference to the video player
BCL.videoPlayer = BCL.player.getModule(brightcove.api.modules.APIModules.VIDEO_PLAYER);
}
// play video function
BCL.playVideo = function(videoID) {
BCL.videoPlayer.loadVideoByID(videoID);
}
</script>
</body>
</html>
Any help would be so appreciated!
Try removing the comment from within the opening and closing . I've seen this prevent IE8 working before. No idea why.
Related
I’m developing a gmail contextual gadget to get name and email of sender’s email, but I have problem to get name of sender.I tried different ways:
1.Using Custom Extractor
It seems obsoleted and I can not find where I can upload my manifest.xml with custom extractor at “Google Apps Marketplace SDK”. Any Idea!!??
2. Using pre-canned extractors
I defined google.com:SenderEmailExtractor and select “Mail-Sender Address and Mail-Sender Name” scope.Unforthunatly, I just get sender’s email in google.contentmatch.getContentMatches() but there is nothing related to sender’s name! What am I missing?
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="DEV"
description="Gmail Gadget v2.0"
height="50"
author=""
author_email=""
author_location="Canada">
<!-- This one is not specific to Gmail contextual gadgets. -->
<Require feature="dynamic-height"/>
<Require feature="views" />
<Require feature="google.contentmatch">
<Param name="extractors">
google.com:MessageIDExtractor
</Param>
<Param name="extractors">
google.com:SenderEmailExtractor
</Param>
<Param name="extractors">
google.com:RawSubjectExtractor
</Param>
<Param name="extractors">
google.com:EmailTimeExtractor
</Param>
<Param name="extractors">
google.com:EmailAddressExtractor
</Param>
<Param name="extractors">
google.com:RecipientEmailExtractor
</Param>
<Param name="extractors">
google.com:RecipientToEmailExtractor
</Param>
</Require>
</ModulePrefs>
<!-- Define the content type and display location. The settings
"html" and "card" are required for all Gmail contextual gadgets. -->
<Content type="html" view="card">
<![CDATA[
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,900,900italic,700italic"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>
<script type="text/javascript">
function getSenderName() {
var matches = google.contentmatch.getContentMatches();
console.log("matches>>", JSON.stringify(matches));
try {
for (var match in matches)
for (var key in matches[match])
if (key == "sender_name") return matches[match][key];
}
catch (ex) {
console.error("getSenderName failed >>", ex);
}
return "no found";
}
function init(){
$("#content").text(getSenderName());
}
//gadgets.window.adjustHeight(50);
$(document).ready(function () {
console.log("Gmail Gadget Initializing ...");
gadgets.util.registerOnLoadHandler(init);
console.log("Gmail Gadget Initialized.");
});
</script>
Hello <span id="content"></span>
]]>
</Content>
</Module>
Good morning,
does anybody know anything about the purpose of the value: <param name="isVid" value="true" /> in the brightcove player-configuration?
on the website they just say that it's a bool-value and has to be set to "true". Nothing about what it's doing.
The parameter isVid is required when you embbed a video inside an HTML file,
<script language="JavaScript" type="text/javascript" src="
http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>
<object id="myPlayer" class="BrightcoveExperience">
<param name="bgcolor" value="#FFFFFF" />
<param name="width" value="486" />
<param name="height" value="412" />
<param name="playerID" value="1234567890" />
<param name="playerKey" value="AQ~~,AAAAstMe5SE~,5vOZ123456789bOfHyhc1i" />
<param name="isVid" value="true" />
<param name="#videoPlayer" value="ref:myVid12345" />
</object>
I think is not well described on the docs...
isVid: Boolean Required to be true for all video players.
http://support.brightcove.com/en/video-cloud/docs/player-configuration-parameters
I'd like to show content of outlook inbox folder filtered to particular subject using Outlook View Control. I try different parameters to Filter and Restriction parameters (like "Subject"="Test", Subject:"Test" etc), but it don't work. All items are displayed. I'm testing it on Outlook 2010 32 bit.
Thanks for suggestions
Sample Code:
<html>
<head>
<title>Outlook view filter test</title>
</head>
<body topmargin=0 leftmargin=0 scroll=no>
<OBJECT classid=CLSID:0006F063-0000-0000-C000-000000000046 id=tasks height="30%" width="50%">
<param name="Folder" value="Inbox">
<param name="Namespace" value="MAPI">
<param name="Restriction" value="[subject]:'Test'">
<param name="Filter" value="[subject]:'Test'">
<param name="DeferUpdate" value="0">
</OBJECT>
</body>
</html>
You don't want to use Filter, as the documentation says:
represents the Distributed Authoring and Versioning (DAV) Searching and Locating (DASL) statement used to restrict the display to a specified subset of data. Read/write
Instead just use Restriction. With Restriction = means contains, see documentation: https://msdn.microsoft.com/EN-US/library/office/ff865641.aspx
<html>
<head>
<title>Outlook view filter test</title>
</head>
<body topmargin=0 leftmargin=0 scroll=no>
<OBJECT classid=CLSID:0006F063-0000-0000-C000-000000000046 id=tasks height="30%" width="50%">
<param name="Folder" value="Inbox">
<param name="Namespace" value="MAPI">
<param name="Restriction" value="[Subject]='Test'">
<param name="DeferUpdate" value="0">
</OBJECT>
</body>
</html>
In my web application, i place the jw player for playing the video file. it is not working in fire fox an google chrome. it is working in IE
dvplayer.InnerHtml = "<object id='player' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' name='player' width='500' height='300' > <param name='movie' value='player.swf' /> <param name='allowfullscreen' value='true' /> <param name='allowscriptaccess' value='always' /> <param name='flashvars' value='file=" + file + "&autostart=true' /> </object>";
I wrote a small test that is working in Chrome and Firefox:
<div id="mediaplayer">JW Player goes here</div>
<script type="text/javascript">
var file = "video.mp4";
document.getElementById('mediaplayer').innerHTML = '<object type="application/x-shockwave-flash" data="player.swf" width="100%" height="100%" bgcolor="#000000" id="mediaplayer" name="mediaplayer" tabindex="0"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="seamlesstabbing" value="true"><param name="wmode" value="opaque"><param name="flashvars" value="netstreambasepath=file%3A%2F%2F%2Fhome%2Faeby%2Fworkspace%2Fatws%2Ftest.html&id=mediaplayer&file=' + file + '&image=preview.jpg&controlbar.position=over"></object>';
</script>
One mistake is that InnerHtml is not lower case. It should read dvplayer.innerHtml.
I'm having trouble with this. While it just means people have to click on the object to get it to respond, I think it looks unprofessional as hell.
Here is the view (including my n'th attempt):
#{
ViewBag.Title = "Show";
//Layout = "~/Views/Shared/_Empty.cshtml";
Layout = "";
}
<script src="#Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/jquery.alerts.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#HDViewerSL').focus();
});
</script>
<div id="silverlightControlHost" >
<object id='HDViewerSL' data="data:application/x-silverlight," type="application/x-silverlight-2" width="100%" height="100%">
<param name="minRuntimeVersion" value="4.0.60310.0"/>
<param name="autoUpgrade" value="true"/>
<param name="source" value="#ViewBag.HDViewSLXap"/>
<param name="background" value="black"/>
<param name="initParams" value="source=#ViewBag.ImagesUrl,id=#ViewBag.Id"/>
<div style="text-align:center;font-family:Arial;margin-top:50px;">
This page requires Silverlight 4.<br />
<br />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.60310.0" style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style: none"/>
</a>
</div>
</object>
<iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
</div>
In my Silverlight constructor, I have:
this.GotFocus += new RoutedEventHandler(HDViewer_GotFocus);
This event is never firing.
Anyone know how to get the focus set on the object?
Thanks,
David
You can request the plugin to be focused from within you Silverlight application using HtmlPage.Plugin.Focus(); The Loaded event of the MainPage is normally the right place to do this.
I was getting "Invalid Operation Exception" with that code, but I had it in the constructor. At your suggestion #Avee I put it in the constructor instead of in the load event and there was no change. The problem was that I needed to add:
<param name="enablehtmlaccess" value="true"/>
to the Silverlight object's parameters in the hosting page. (ref: http://weblogs.asp.net/albertpascual/archive/2009/04/13/silverlight-exception-the-dom-scripting-bridge-is-disabled.aspx)
Thanks!
David