Я пытаюсь загрузиться на лету на iPad/iPhone и заметить, что я не могу разместить отделение выше этого. Я поместил наложение в HTML так, чтобы это было сгенерировано на загрузке страницы и не добавлено с помощью JavaScript и видео, когда его созданный абсолютно расположен ниже этого элемента. Это работает над ПК, я задаюсь вопросом если, так как он был создан через js, что iPhone OS переопределяет z-индекс и вызывает к вершине?
Также существует ли способ переопределить значение по умолчанию, "не может играть значок", тот с наклонной чертой, и показывает загружающуюся анимацию вместо этого? Это решило бы мою проблему через другой маршрут.
Моя последняя опция была бы к загруженному, который все видео теги через js на загрузке страницы и них разделили на уровни друг на друге для iPad/iPhone? Так как iPhone OS не загрузит видео, пока не требуется, это работало бы?
Я также имею проблему с iPhone и показываю атрибут "плаката", который установлен на видео теге.
Вы можете расположить изображение абсолютно над видеопроигрывателем. Safari на iPhone отобразит его с прозрачным символом воспроизведения. Я считаю, что что-то вроде этого может сработать:
<style type="text/css">
div.player
{
position: relative;
margin: 0;
padding: 0;
}
div.player > img.preview
{
position: absolute;
top: 0;
left: 0;
z-index: 9;
cursor: pointer;
}
</style>
и
<div class="player">
<img class="preview" src="zk/grumpies.png" width="320" height="240" alt="click to play" title="click to play">
<video width="320" height="240" controls="controls">
<source type="video/mp4" src="mah/mahnamahna.m3u8" width="320" height="240" />
</video>
</div>
На iPad это может работать по-разному, в зависимости от того, используете ли вы
или нет - в этом случае вам нужно предоставить свои собственные элементы управления с javascript, иначе вы не сможете запустить свои медиа.
Значок «Невозможно воспроизвести», по моему опыту, обычно всегда указывает на то, что мультимедиа не может быть воспроизведена ;-) из-за неправильного типа mimetype или кодека, неправильного src и т.д. исключения ошибок загрузки мультимедиа с помощью javascript.
Наложить слои друг на друга, я думаю, невозможно. Вы можете притворяться, меняя позиции.