<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Audio HLS: poster image is not showed"
href="https://bugs.webkit.org/show_bug.cgi?id=162672">162672</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Audio HLS: poster image is not showed
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 10
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Media Elements
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>francesco.dambrosio@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>Summary:
With Safari (audio player is loaded in html5 mode) the poster image isn't displayed in any case. When <video> player is loaded the poster is showed only the first second.
It's because the video is on top of the poster, and it eventually shows webvtt captions if present, we need that Safari allow transparency on video elements playing audio only sources
Steps to Reproduce:
1. setup page with <video> and HLS audio source + poster image
2. open page with Safari
3. poster is not showed
Expected Results:
When the <video> player with HLS audio, I expect that the poster image is showed on Safari.
Version:
iMac
MacOS 10.11.5
tested on Safari 9.1.1 & 9.1.2
--
iOS 10.0.1
Safari
Notes:
demo: <a href="http://www.fdambrosio.net/test/player7/safari.html">http://www.fdambrosio.net/test/player7/safari.html</a>
jwplayer's comment about this issue: <a href="https://github.com/jwplayer/jwplayer/issues/1330">https://github.com/jwplayer/jwplayer/issues/1330</a></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>