Фірмовий плеєр youtube.com показаний на малюнку 1.
Малюнок 1. Фірмовий плеєр плейлистів
Стандартний вбудовується плеєр показаний на малюнку 2.
Малюнок 2. Вбудований плеєр плейлистів
У вбудовується плеєрі:
Готовий код проекту зберігається в службі DevOps. Я розгорнув додаток в хмарі IBM Bluemix ™, так що його можна побачити в дії. Ви ж можете розгорнути свій код на будь-якому сайті хостингу, включаючи Bluemix.
Параметри безпеки Flash-платформи
Захист Flash-об'єктів не пропустить виклики API YouTube, якщо відкрити файл index.html в браузері своєї системи. Додаток повинна розміщуватись на веб-сервері (наприклад, Bluemix).
Примітка. Щоб скопіювати код проекту, описаного в цій статті, натисніть кнопку = EDIT CODE в верхньому правому куті (введіть облікові дані DevOps Services, якщо ви ще не ввійшли). Потім натисніть кнопку FORK в меню, щоб створити новий проект.
Перший крок полягає в тому, щоб отримати ключ доступу до API YouTube.
Отримання ключа API YouTube
Для доступу до API будь-якої служби Google, включаючи YouTube, потрібно спочатку зареєструвати проект в службі Google Developers Console і створити ключ API. Безкоштовний доступ до різних API обмежений певною кількістю запитів в день, яке залежить від типу сервісу, і надається кожному власнику облікового запису Google.
Увійдіть в Google Developers Console зі своїми обліковими даними Google і натисніть кнопку Create Project. За замовчуванням текстові поля імені і ідентифікатора проекту містять випадкові значення. Надрукуйте них ім'я та ID свого проекту і натисніть кнопку Create.
Малюнок 3. Створення нового проекту API Google
На інформаційній панелі проекту виберіть APIs auth. щоб відкрити список доступних API. Прокрутіть список вниз до YouTube Dat API v3 і натисніть відповідну кнопку Off. щоб дозволити доступ до свого проекту. У розділі Public API Access виберіть APIs Auth> Credentials. потім Create New Key. Виберіть Browser key.
У діалоговому вікні Create a browser key and configure allowed referers можна обмежити доступ до ключа API для запитів з певних доменів, наприклад, зі свого власного сайту або з Bluemix. Якщо доступ не обмежити, то ключ API в початковому HTML-коді вашої програми буде видно всім. В процесі розробки це не біда, так що залиште діалогове вікно порожнім і натисніть кнопку Create. Але коли проект буде розгорнуто, поверніться до цього кроку і обмежте доступ до запитів з домена додатку, щоб сторонні не могли використовувати ваш ключ для інших додатків.
Якщо ви скопіювали проект з DevOps Services, то для успішного запуску коду вставте ключ в вказане місце файлу index.html.
Рекомендується помістити цей тег