a jQuery UI plugin named nsvideo, that plays videos using html5, was implemented...
[living-lab-site.git] / application / views / video / watch_view.php
1 <?php //Javascript initializations, globals ?>
2 <script type="text/javascript">
3         siteUrl = '<?php echo site_url() ?>';
4 </script>
5
6 <div id="body">
7         <?php // Invalid name in URL ?>
8         <?php if (isset($video['err'])):
9                 if ($video['err'] == 'INVALID_NAME'):
10                         $suggestion = site_url(sprintf("video/watch/%d/%s", $video['id'], 
11                                 $video['name']))
12                         ?>
13                         <p>Invalid URL <em><?php echo current_url() ?></em> .</p>
14                         <p>Did you mean <a href="<?php echo $suggestion ?>">
15                                 <?php echo $suggestion ?></a> ?</p>
16                 <?php elseif($video['err'] == 'INVALID_ID'): ?>
17                         <p>Invalid ID in URL.</p>
18                 <?php endif ?>
19                 
20         <?php // Correct URL ?>
21         <?php else: ?>
22                 <h1><?php echo $video['title'] ?></h1>
23                 
24                 <ul>
25                         <li><a id="a_ns-vlc" href="javascript: void(0)">VLC</a></li>
26                 
27                         <li><a id="a_ns-html5" href="javascript: void(0)">HTML5</a></li>
28                 </ul>
29                 
30                 <div id="video-widget-tabs">
31                         <ul>
32                                 <li>
33                                         <a id="switch-to-ns-html5" href="#video-widget">HTML5</a>
34                                 </li>
35                                 <li>
36                                         <a id="switch-to-ns-vlc" href="#video-widget">VLC</a>
37                                 </li>
38                         </ul>
39                         
40                         <div id="video-widget"></div>
41                 </div>
42                 
43                 <!--TODO user name-->
44                 <div id="video-date"><?php echo $video['date'] ?></div>
45                 <div id="video-views">
46                         <?php echo $video['views'] . ' '
47                                 . ($video['views'] == 1 ? 
48                                         $this->lang->line('ui_view') : 
49                                         $this->lang->line('ui_views') );
50                         ?>
51                 </div>
52                 <div id="video-likes">
53                         <?php echo $video['likes'] . ' '
54                                 . ($video['likes'] == 1 ? 
55                                         $this->lang->line('ui_like') : 
56                                         $this->lang->line('ui_likes') );
57                         ?>
58                 </div>
59                 <div id="video-dislikes">
60                         <?php echo $video['dislikes'] . ' '
61                                 . ($video['dislikes'] == 1 ? 
62                                         $this->lang->line('ui_dislike') : 
63                                         $this->lang->line('ui_dislikes') );
64                         ?>
65                 </div>
66                 <div id="video-description"><?php echo $video['description'] ?></div>
67                 <div id="video-category">
68                         <?php echo ucwords($this->lang->line('ui_category'))
69                                 . ': '. $video['category_title'] ?>
70                 </div>
71                 <div id="video-tags">
72                         <?php echo ucwords($this->lang->line('ui_tags')). ': ' ?>
73                         <?php if (isset($video['tags'])): 
74                         foreach ($video['tags'] as $tag => $score): ?>
75                         <a href="<?php echo site_url('catalog/search/'. $tag) ?>">
76                                 <?php echo "$tag($score)" ?>
77                         </a>
78                         <?php endforeach; endif ?>
79                 <div id="video-license">
80                         <?php echo ucwords($this->lang->line('ui_license'))
81                                 . ': '. $video['license'] ?>
82                 </div>
83                 
84
85         <?php endif // if (isset($video['err'])): ?>
86 </div>
87
88 <?php // Javascript bindings when document is ready ?>
89 <script type="text/javascript">
90         $(function() {
91                 // TODO remove this 2 bindings
92                 $('#a_ns-vlc').click(function() {
93                         //retrieveNsVlcPlugin('<? //echo $video['url'][0] ?>');
94                 });             
95                 $('#a_ns-html5').click(function() {
96                         //retrieveNsHtml5Plugin('<?php //echo $video['url'][0] ?>')
97                 });
98                 
99                 // Switch video plugin facilities
100                 $('#video-widget-tabs').tabs(); /*{
101                         ajaxOptions: {
102                                 type: "POST",
103                                 data: { url: "<?php //echo $video['url'][0] ?>" },
104                                 error: function(xhr, status, index, anchor) {
105                                         $(anchor.hash).html('Could not load the video plugin.');
106                                 }
107                         }
108                 });*/
109                 $('#switch-to-ns-html5')
110                         .click(function() {
111                                 // TODO switch video plugin
112                                 console.log('switch-to-ns-html5');
113                         });
114                 $('#switch-to-ns-vlc')
115                         .click(function() {
116                                 // TODO switch video plugin
117                                 console.log('switch-to-ns-vlc');
118                         });
119                         
120                 // Video widget
121                 $('#video-widget').nsvideo({
122                         type: "<?php echo $plugin_type ?>",
123                         definition:
124                                 "<?php echo $video['assets'][ $asset_index ]['def'] ?>",
125                         src: {
126                                 <?php 
127                                         for ($i=0; $i < count($video['assets']); $i++)
128                                         {
129                                                 $asset = $video['assets'][$i];
130                                                 echo '"'. $asset['def'] . '": ';
131                                                 echo '"'. $asset['src'] . '"'; 
132                                                 echo ($i == count($video['assets']) - 1) ? '' : ', ';
133                                         }
134                                 ?>
135                         }
136                 });
137         });
138 </script>