Справедливе попередження: я не фахівець у цій справі, я просто пограюсь із відео в Інтернеті та розгляну деякі проблеми, які виникають у мене, коли я демонструю відеокліпи в публікаціях блогу.
У цьому відео у мене є симулятор iOS, і я вкладаю HTML-тег відео в базовий HTML-документ для швидкого відео, яке я записав за допомогою Kap.
Існує багато речей, які слід врахувати з відео:
- Даючи йому контроль! Як і в
,. Зауважте, у відео мені знадобилася хвилина, щоб зрозуміти, що саме тому відео взагалі не відображалося на мобільному, поки воно не з’явилося. - Відтворення відео вбудовано, наприклад
, що заважає йому переходити в повноекранний режим на мобільному телефоні в секунду, коли ви його відтворюєте. - Розмір його плавно та із співвідношенням сторін.
- Де його розмістити. Чи добре працює ваш веб-сервер? Це має бути на CDN? Чи варто використовувати медіа-хост, який спеціалізується на подібних речах? У відео я викладаю це на Droplr, що зручно, потім на CodePen Asset Hosting, який теж зручний, і, врешті-решт, на Cloudinary, оскільки він може робити фантастичні речі, такі як оптимізація та обробка форматів.
- Переконавшись, що відео виглядає як прокляте відео. На мобільному, якщо ви використовуєте
це означає, що плакат:. В іншому випадку ви отримаєте порожній білий ніщо. Іноді лише одне варто використовувати якогось помічника.
Звичайно, ви можете просто покласти відео на YouTube або що завгодно і отримати хорошу обробку відео задарма. Але YouTube не завжди підходить для крихітних маленьких демонстраційних відео, якими я тут займався. Крім того, вони важкі, тому ви можете дивитись на ліниве завантаження.
Зрештою, ми дивимось на studio.cloudinary.com. Він може робити кілька акуратних речей, наприклад, пропонувати індивідуальний програвач та адаптивну потокову передачу бітрейтів, що є химерною фантазією і дійсно здається важливою річчю для найкращої можливої якості відео.