タグ

2016年1月21日のブックマーク (4件)

  • HTML5で動く10の動画プレイヤー - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    SEOにもHTML5が重要などといわれる時代になってきましたが、HTML5といえばプラグインなしでデバイスとらわれず動画やアニメーションが再生できるのが大きな魅力ですよね。HTML5の動画プレイヤーは既に多数リリースされていますが、今回はその中から実際に使えるものを10厳選して紹介した記事をspyrestudiosから。 — SEO Japan 動画プレイヤーにはあまりに多くの選択肢があるため、どのアプリケーションが自分に最も相応しいのか選択するのは難しい。私なら、物事を複雑化しないことと、動画プレイヤーの更新、新機能、バグ修正という将来の頭痛の種を避けることをお勧めする。その全てに対処し、あなたの仕事を簡単にするオンラインベースの動画プレイヤーにこだわるのだ。物事を行うことや物事を複雑化しないことのより簡単な方法に関心があるなら、www.wix.comもチェックするといいかもしれない。

    HTML5で動く10の動画プレイヤー - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
    studio-h
    studio-h 2016/01/21
  • 【iframe】クロスドメインを無視して別ドメインのhtmlを取り込む【jsp】 - 文系プログラマによるTIPSブログ

    強引ですが、力技で実現できたりします〜 自分のサイトに別ドメインのサイトを取り込む時、iframeが一般的にですね。 しかしこのiframe、heightとwidthが動的に変わらず、固定値になってしまう問題があります。 この縦横固定を解消するため、iframe内のhtmlの描画完了後、html全体の縦横を取得し、javascriptでiframeのheightとwidthを動的に指定する手法が有ります。 しかしこの手法、クロスドメイン下ではDOMに触れないという制限があるせいで、iframe内をjavascriptで触る事すらできません。つまり縦横が取得できません。 それを解消する方法として、window. postMessageを利用する方法があります。親・子それぞれにpostMessageを埋め込み、親子でメッセージの送受信をします。これは親・子それぞれ別のjavascriptを仕込

    【iframe】クロスドメインを無視して別ドメインのhtmlを取り込む【jsp】 - 文系プログラマによるTIPSブログ
    studio-h
    studio-h 2016/01/21
  • クロスドメインのiFrameで高さ(height)を自動取得して調整する方法 | 名古屋のホームページ制作なら株式会社SPOT

    クロスドメイン(別ドメイン)のhtmlをiframeで読み込んだ場合、セキュリティの都合でiframe内のdomを操作することができません。 同じドメイン内のhtmlをiframeで埋め込む場合なら、DOMでheightを取得して自動で調整することが簡単にできるのですが、クロスドメインの場合は難しいようです。 最初はpostMessageで通信して値を受け渡す方法を試したのですが、IE8以前にはpostMessageが実装されていないため、動作しません。 そこで、見つけたのがこの方法。 cross domain iframe resiziing このサンプルだと、小サイトではjQueryを使って文字サイズを自動で可変するようになっていて、setIntervalでheightを取得し直すようになっていますが、そのような必要がない場合は window.onload = function(eve

    クロスドメインのiFrameで高さ(height)を自動取得して調整する方法 | 名古屋のホームページ制作なら株式会社SPOT
    studio-h
    studio-h 2016/01/21
  • 画面サイズを取得する

    赤字:JavaScriptの命令や重要なタグ/青字:用途に応じて変更する部分/緑字:変更可能な変数名やユーザー関数名 戻る 実例 画面サイズ: ウィンドウサイズ: 例文 <p>画面サイズ:<span id="ScrSize"></span></p> <p>ウィンドウサイズ:<span id="WinSize"></span></p> <script type="text/javascript"> //画面サイズの取得 getScreenSize(); //ウィンドウサイズの取得 getWindowSize(); //画面サイズを取得する function getScreenSize() { var s = "横幅 = " + window.parent.screen.width + " / 高さ = " + window.parent.screen.height; document.get