закругленные углы на html5 видео
Если вы не хотите загружать все содержимое файла в переменную, вы можете использовать функцию PHP Streams :
function prepend($string, $orig_filename) {
$context = stream_context_create();
$orig_file = fopen($orig_filename, 'r', 1, $context);
$temp_filename = tempnam(sys_get_temp_dir(), 'php_prepend_');
file_put_contents($temp_filename, $string);
file_put_contents($temp_filename, $orig_file, FILE_APPEND);
fclose($orig_file);
unlink($orig_filename);
rename($temp_filename, $orig_filename);
}
Что это делает, это запись строку, которую вы хотите добавить к временному файлу, затем она записывает содержимое исходного файла в конец временного файла (используя потоки вместо копирования всего файла в переменную), а затем удаляет исходный файл и переименовывает временный файл для его замены.
Примечание. Этот код изначально был основан на не существующей блоге блога Чао Сю. Код с тех пор расходится, но исходный пост можно просмотреть в Wayback Machine .
1 ответ
октябрь 2019 Обновления
радиус Границы для видео теперь работает над firefox, хром и сафари на [1 111] mac, android and iOS.
Chrome Мобильная Ошибка - если некоторые браузеры андроида Chrome вызывают Вас, проблемы с округлением просто добавляют следующее свойство к видео css. Это - просто прозрачное изображение на 1 пкс, которое решает хромовую ошибку рендеринга радиуса границы для телефонов на базе Android
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
Тест это здесь - https://jsfiddle.net/hzd4vec2 /
<!DOCTYPE html>
<html>
<head>
<title>Border-radius test</title>
<style type="text/css">
body{
background: #000000;
margin: 0px;
}
#capsule{
height: 600px;
background: #000;
border-radius: 1000px;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
</style>
</head>
<body>
<video id="capsule" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4"
autoplay muted loop></video>
</body>
</html>