Skip to content

Instantly share code, notes, and snippets.

@sydseter
Last active August 29, 2015 13:57
Show Gist options
  • Save sydseter/9387983 to your computer and use it in GitHub Desktop.
Save sydseter/9387983 to your computer and use it in GitHub Desktop.
<html>
<head>
<title>Strobe Media Playback</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://cdn.vgc.no/js/libs/jquery/jquery-1.7.2.min.js">
</script>
<script type="text/javascript" src="lib/swfobject.js">
<script type="text/javascript">
if (typeof DrVideo == 'undefined') { var DrVideo = {}; }
if (typeof DrVideo.player == 'undefined') { DrVideo.player = {}; }
DrVideo.player.FullscreenEventTrigger = function(playerProperties) {
var propertyStrings = playerProperties.split("###");
var bestHorizontalResolution = propertyStrings[26].split("==");
var displayObjectWidth = propertyStrings[32].split("==");
if (bestHorizontalResolution.length < 2) {
return;
}
if (displayObjectWidth.length < 2) {
return;
}
if (!(bestHorizontalResolution[0] == 'ds__bestHorizontatalResolution' && bestHorizontalResolution[1])) {
return;
}
if (!this.isDisplayObjectWidthParam(displayObjectWidth)) {
return;
}
this.bestResolution = bestHorizontalResolution[1];
this.displayObjectWidth = displayObjectWidth;
this.triggerEventSwitch();
};
if (typeof DrVideo.player.FullscreenEventTrigger.fullscreenState == 'undefined') { DrVideo.player.FullscreenEventTrigger.fullscreenState = false; }
DrVideo.player.FullscreenEventTrigger.prototype = {
triggerEventSwitch: function() {
if (this.movedIntoFullscreenMode()) {
DrVideo.player.FullscreenEventTrigger.fullscreenState = true;
this.triggerEvent('fullscreenOn');
}
if (this.movedOutOfFullscreenMode()) {
this.triggerEvent('fullscreenOff');
DrVideo.player.FullscreenEventTrigger.fullscreenState = false;
}
},
movedIntoFullscreenMode: function() {
return (this.isInFullscreen() && !DrVideo.player.FullscreenEventTrigger.fullscreenState);
},
movedOutOfFullscreenMode: function() {
return (!this.isInFullscreen() && DrVideo.player.FullscreenEventTrigger.fullscreenState);
},
isInFullscreen: function() {
return (this.isNumber(this.displayObjectWidth[1]) && (this.displayObjectWidth[1] == this.bestResolution));
},
isDisplayObjectWidthParam: function(parameter) {
return (parameter[0] == 'rendering__displayObjectWidth');
},
isNumber: function(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
},
triggerEvent: function (name) {
$(window).trigger(name);
}
};
</script>
<script type="text/javascript">
var parameters = {
src: 'http://url/to/your/video/stream',
autoPlay: false,
verbose: true,
controlBarAutoHide: false,
playButtonOverlay: true,
showVideoInfoOverlayOnStartUp: true,
javascriptCallbackFunction: "onJavaScriptBridgeCreated",
// uncomment when your using akamai
//plugin_Akamai: "http://demo.drvideo.aptoma.no/vg-vanilla-strobe/AkamaiAdvancedStreamingPlugin.swf"
};
// Embed the player SWF:
swfobject.embedSWF(
//http://osmf.org/dev/2.0gm/StrobeMediaPlayback.swf
"StrobeMediaPlayback.swf"
, "StrobeMediaPlayback"
, 640
, 480
, "10.1.0"
, "expressInstall.swf"
, parameters
, {
allowFullScreen: "true",
allowScriptAccess: "always",
//wmode: "direct", "opaque", "transparent", "window"
wmode: 'transparent'
}
, {
name: "StrobeMediaPlayback"
}
);
org.osmf.player.debug.track = function (playerProperties) {
new DrVideo.player.FullscreenEventTrigger(playerProperties);
}
function onJavaScriptBridgeCreated(playerId, eventName, data) {
$(window).on("fullscreenOn", function() { var fullscreenWasTriggered;});
$(window).on("fullscreenOff", function() {var fullscreen was deactivated;});
}
</script>
</head>
<body>
</body>
</html>
@sydseter
Copy link
Author

sydseter commented Mar 6, 2014

deleted

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment