source: main/trunk/ibisph-view/src/main/webapp/xslt/html/VideoDialog.xslt @ 19983

Last change on this file since 19983 was 19983, checked in by GarthBraithwaite_STG, 2 years ago

view - fixed dataviz query geo xslt. TEMP commit of responsive css.

File size: 2.1 KB
Line 
1<?xml version="1.0" encoding="ISO-8859-1"?>
2
3<xsl:stylesheet version="3.0" 
4        xmlns:xsl ="http://www.w3.org/1999/XSL/Transform" 
5        xmlns:ibis="http://www.ibisph.org"
6
7        exclude-result-prefixes="ibis"
8>
9
10        <ibis:doc>
11                <name>html/VideoDialog</name>
12                <summary>
13                </summary>
14                <description>
15                </description>
16        </ibis:doc>
17
18
19        <xsl:template name="Page.videoDialog">
20                <dialog id="videoDialog" class="DialogContent">
21                        <div class="InnerCanvas"><div id="mediaPlayer"></div></div>
22                        <button type="button" title="Closes map selection without updating selections."
23                                onclick="closeVideo()" 
24                        >Close</button>
25                </dialog>
26
27                <script type="text/javascript">
28                        // <![CDATA[
29                        window.videoDialog = null;
30                        window.videoPlayer = null;
31                        $(document).ready(function()
32                        {
33                                window.videoDialog = $("#videoDialog").kendoWindow(
34                                        {
35                                                "title": "Learn More Video"
36                                                ,"visible": false
37                                                ,"width": "75%"
38                                                ,"resizable": true
39                                                ,"modal": true
40                                                ,close: function(e) { window.videoPlayer.stop(); }
41                                        }
42                                ).data("kendoWindow");
43                        });
44
45                        // https://demos.telerik.com/kendo-ui/mediaplayer/playlist
46                        // https://docs.telerik.com/kendo-ui/api/javascript/ui/mediaplayer?_ga=2.5892464.272183754.1572845261-1689576755.1572632213
47                        function showVideo(videoURL, videoTitle)
48                        {
49                                if(null == window.videoPlayer)
50                                {
51                                        window.videoPlayer = $("#mediaPlayer").kendoMediaPlayer(
52                                                {
53                                                        "autoPlay": false
54                                                        ,"navigatable": true
55                                                }
56                                        ).data("kendoMediaPlayer");
57                                }
58                                if(0 != videoURL.indexOf('http://')) videoURL = window.baseRequestPath + videoURL;
59                                var mediaOptions =
60                                        {
61                                                "source": videoURL
62                                        };
63                window.videoPlayer.media(mediaOptions);
64
65                                window.videoDialog.title(videoTitle);
66                                window.videoDialog.center().open();
67
68                                window.videoPlayer.play();
69                        }
70
71                        function closeVideo()
72                        {
73                                window.videoDialog.close();
74                        }
75                        // <![CDATA[
76                        // ]]>
77                </script>
78
79        </xsl:template>
80
81</xsl:stylesheet>
82<!-- ============================= End of File ============================= -->
83
Note: See TracBrowser for help on using the repository browser.