Javascript / Es6

[ES6] Use Youtube Api，實作 youtube 影音

Upload Youtube

當我們上傳影音到 youtube 後，
一般串接影音作法，只要點擊介面上的嵌入影音
就會得到一串 iframe 的方式！
但是今天我們需要偵測用戶暫停或者 replay，甚至記載點擊數
以上種種客製化，就需要使用到 youtube提供的 API

程式碼

index.html
1
2
3
4
5
6
7
8
9
10
11
12
<div class="video">
  <div id="video_Player"></div>
</div>

<!-- 下方這串最後被我移除，實作在Creative_video.js -->
<script>
  /* This code loads the IFrame Player API code asynchronously. */
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
</script>
Read More
Follow

Recent

Categories

Tag Cloud

PostgreSQL apache2 api array async auto aws beautify-ruby benchmark bloomfilter bot branch bucket bug build build_stubbed centos chrome class collection command commit compass cookie count css databases db domain enum error es5 es6 eth exists extend factorybot factorygirl feeling figaro fixed font-size git godaddy hangzhou heroku hexo index install instance ios javascript jquery json lazy-loading learn lendbot lending length linode linux load-more logdown mariadb material-design meetup member migration modal mysql mysql@5.7 notify package-install pakogi performance poloniex pq preventDefault problm psql rails rake redis remote resource rollback routes rspec rss ruby ruby-on-rails s3 sass sass-convert screen scroll scss seo session setting share shell-script size spec speed stash stopPropagation string sublime symbol telegram test ubuntu url utf utf8mb4 version visual-studio wallet wget wordpress wpf xml youtube

Recommend Links

Categories

Tag Cloud

PostgreSQL apache2 api array async auto aws beautify-ruby benchmark bloomfilter bot branch bucket bug build build_stubbed centos chrome class collection command commit compass cookie count css databases db domain enum error es5 es6 eth exists extend factorybot factorygirl feeling figaro fixed font-size git godaddy hangzhou heroku hexo index install instance ios javascript jquery json lazy-loading learn lendbot lending length linode linux load-more logdown mariadb material-design meetup member migration modal mysql mysql@5.7 notify package-install pakogi performance poloniex pq preventDefault problm psql rails rake redis remote resource rollback routes rspec rss ruby ruby-on-rails s3 sass sass-convert screen scroll scss seo session setting share shell-script size spec speed stash stopPropagation string sublime symbol telegram test ubuntu url utf utf8mb4 version visual-studio wallet wget wordpress wpf xml youtube

Recommend Links

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×