c = ' ' + c;
}
return '<a href="#/closeview" role="button" aria-label="' + this.fluidbook.l10n.__('close') + '" aria-keyshortcuts="Escape" class="button back' + c + '">' + getSpriteIcon('interface-close') + '</a>';
- }
- ,
+ },
openAudio: function (audio, callback) {
var a = $('a[href="#/audio/' + audio + '"]');
var markup = decodeURIComponent($(a).attr('data-audio'));
if (callback != undefined) {
callback();
}
- }
- ,
+ },
openWebVideo: function (service, video, callback) {
+ var a = $('a[href="#/webvideo/' + service + '/' + video + '"]');
+ var markup = decodeURIComponent($(a).attr('data-video'));
var view = this.getCaption();
- view += '<div class="content">';
-
- if (service == 'youtube') {
- view += '<iframe class="webvideo" type="text/html" src="https://www.youtube.com/embed/' + video + '?autoplay=1&modestbranding=1&rel=0&html5=1" frameborder="0"></iframe>';
- } else if (service == 'dailymotion') {
- view += '<iframe class="webvideo" type="text/html" src="https://www.dailymotion.com/embed/video/' + video + '?autoplay=1&logo=0&related=0&html5=1" width="100%" frameborder="0"></iframe>';
- } else if (service == 'vimeo') {
- view += '<iframe class="webvideo" type="text/html" src="https://player.vimeo.com/video/' + video + '?autoplay=1" width="100%" frameborder="0"></iframe>';
- } else if (service == 'brightcove') {
- view += '<iframe class="webvideo" type="text/html" src="./video/brightcove.html?pid=' + this.fluidbook.settings.brightcovePlayerId + '&pk=' + encodeURIComponent(this.fluidbook.settings.brightcovePlayerSecret) + '&vid=' + video + '" width="100%" frameborder="0"></iframe>'
- }
+ view += '<div class="content noscroll">';
+ view += markup;
view += '</div>';
this.viewWrap(view, 'webvideo');
this.fluidbook.stats.track(11);
if (callback != undefined) {
callback();
}
- }
- ,
+ },
openLocales: function (p1, p2, callback) {
var view = this.getCaption('Select language');
view += '<div class="content">';
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\r
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\r
-<head>\r
- <style type="text/css">\r
- html, body, #myExperience {\r
- height: 100%;\r
- width: 100%;\r
- }\r
-\r
- * {\r
- padding: 0;\r
- margin: 0\r
- }\r
-\r
- body, object {\r
- background-color: #000;\r
- }\r
- </style>\r
-</head>\r
-<!-- Start of Brightcove Player -->\r
-<div style="display:none">\r
-</div>\r
-<!--\r
-By use of this code snippet, I agree to the Brightcove Publisher T and C\r
-found at https://accounts.brightcove.com/en/terms-and-conditions/.\r
--->\r
-<script type="text/javascript">\r
- var player, APIModules, videoPlayer, experienceModule;\r
-\r
- window.addEventListener("resize", experienceResize);\r
-\r
- function onTemplateReady(evt) {\r
-\r
- videoPlayer = player.getModule(APIModules.VIDEO_PLAYER);\r
- experienceModule = player.getModule(APIModules.EXPERIENCE);\r
-\r
- experienceResize();\r
- }\r
-\r
- function experienceResize() {\r
- var width = window.innerWidth\r
- || document.documentElement.clientWidth\r
- || document.body.clientWidth;\r
-\r
- var height = window.innerHeight\r
- || document.documentElement.clientHeight\r
- || document.body.clientHeight;\r
-\r
- if (experienceModule !== undefined) {\r
- experienceModule.setSize(width, height);\r
- }\r
- }\r
-\r
- function parseGet() {\r
- var couples = window.location.search.substr(1).split('&');\r
- var res = new Array();\r
- var couple = new Array();\r
- for (var i = 0; i < couples.length; i++) {\r
- couple = couples[i].split('=');\r
- res[couple[0]] = couple[1];\r
- }\r
- return res;\r
- }\r
-\r
- var _get = parseGet();\r
- document.write('<script type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"><' + '/script>');\r
- document.write('<object id="myExperience" class="BrightcoveExperience">')\r
- document.write('<param name="bgcolor" value="#000000"/>')\r
- document.write('<param name="width" value="100%"/>')\r
- document.write('<param name="height" value="100%"/>')\r
- document.write('<param name="playerID" value="' + _get.pid + '" />')\r
- document.write('<param name="playerKey" value="' + _get.pk + '" />')\r
- document.write('<param name="isVid" value="true"/>')\r
- document.write('<param name="isUI" value="true"/>')\r
- document.write('<param name="dynamicStreaming" value="true"/>');\r
- document.write('<param name="templateReadyHandler" value="onTemplateReady" />');\r
- document.write('<param name="@videoPlayer" value="' + _get.vid + '" />');\r
- document.write('</object>');\r
-</script>
\ No newline at end of file
projects / fluidbook-html5.git / commitdiff