SAAS-723: Add compatibility chart to player page

This commit is contained in:
drigato 2015-04-20 09:59:17 -04:00
parent f0bcc1e42b
commit 926d1704bf
2 changed files with 47 additions and 0 deletions

View File

@ -15,6 +15,31 @@
<?php echo $this->element->getElement('player_title')->render(); ?>
<table id="player_compatibility_chart">
<th colspan="5">Stream Compatibility</th>
<tr>
<td colspan="3">Desktop</td>
<td colspan="2">Mobile</td>
</tr>
<tr>
<td>Firefox</td>
<td>Chrome</td>
<td>Internet Explorer</td>
<td>Android 5 - Chrome</td>
<td>iOS 7 - Safari</td>
</tr>
<tr>
<td>Yes (Flash)</td>
<td>Yes (Flash)</td>
<td>Yes (Flash)</td>
<td>MP3/OGG* only</td>
<td>MP3/AAC only</td>
</tr>
<tr>
<td colspan="5">* Chrome on Android is known to take about 4 seconds to buffer a 128 kbps MP3 stream. Lower bitrates take longer to buffer.</td>
</tr>
</table>
<?php echo $this->element->getElement('player_stream_mode')->render(); ?>
<?php echo $this->element->getElement('player_stream_url'); ?>

View File

@ -59,4 +59,26 @@
}
table#player_compatibility_chart{
width: 100%;
border-collapse: collapse;
margin-bottom: 5px;
color: #3b3b3b;
}
#player_compatibility_chart th, tr, td {
border-bottom: 1px solid #999;
border-right: 1px solid #999 !important;
background-color: #ccc;
padding: 10px;
}
#player_compatibility_chart th
{
color: #5b5b5b;
border: 0px;
}