SAAS-723: Add compatibility chart to player page
This commit is contained in:
parent
f0bcc1e42b
commit
926d1704bf
|
@ -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'); ?>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue