2

Firefox、IE 7、IE8、IE9、Safari、Chrome、および Android フォンでは機能しますが、fancybox が iphone 4 ではブライトコーブ ビデオを表示しないという問題が発生しました。

次のように、ビデオのファンシーボックスにデータを入力するjsがあります。

$(".myfancybox").fancybox({
    'showCloseButton'   : true,
    'titlePosition'         : 'inside',
    'titleFormat'       : formatVideoTitle,
    'content'       : formatVideoContent,
    'scrolling'     : 'no',
    'autoScale'     : true
});

formatVideoContent と呼ばれる関数は、html (以下のブライトコーブ ビデオ HTML コード、videoPlayer、playerID、および Key が必要) を受け取り、それを「content」パラメーターに渡します。

<object id="flashObj" width="486" height="412" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1" name="movie">
<param value="#FFFFFF" name="bgcolor">
<param value="@videoPlayer=xxx&playerID=xxx&playerKey=xxx&domain=embed&dynamicStreaming=true" name="flashVars">
<param value="http://admin.brightcove.com" name="base">
<param value="false" name="seamlesstabbing">
<param value="true" name="allowFullScreen">
<param value="true" name="swLiveConnect">
<param value="always" name="allowScriptAccess">
</object>

iOS が .flv または .mov をサポートしていないことはわかっていますが、fancybox で使用したものと同じブライトコーブ ビデオ html コードは、iphone の通常の html ページで機能しますが、fancybox を差し込むと iphone では機能しませんでした。Fancybox のバージョンは 1.3.4、jQuery は 1.4.4 です。

iPhoneのファンシーボックスを介してブライトコーブのビデオを表示しようとした人はいますか? ヒントをありがとう。

4

2 に答える 2

0

.... ファンシーボックスで使用したのと同じブライトコーブ ビデオ HTML コードが、iPhone の通常の HTML ページで動作します

iframeこのようなコードで別の html ページを作成し、次のスクリプトのような種類のコンテンツを使用して fancybox で開くことができます。

$(".myfancybox").fancybox({
    'showCloseButton': true,
    'titlePosition' : 'inside',
    'titleFormat'   : formatVideoTitle,
 // 'content'       : formatVideoContent,
    'scrolling'     : 'no',
 // 'autoScale'     : true,
    'width'         : 486,
    'height'        : 412,
    'type'          : 'iframe'
});
于 2012-07-11T03:01:27.920 に答える
0

これは、Brightcove の Flash プレーヤーの単純な埋め込みコードです。iOSでは動作しません。オブジェクトを必要に応じて Flash または HTML プレーヤーに置き換えるかどうかを決定するのは JavaScript コードであるため、JavaScript コードを使用する必要があります。それは次のようになります。

<object id="bcPlayer" class="BrightcoveExperience">
  <param name="bgcolor" value="#FFFFFF" />
  <param name="width" value="480" />
  <param name="height" value="270" />
  <param name="playerID" value="xxxx" />
  <param name="playerKey" value="xxxx" />
  <param name="isVid" value="true" />
  <param name="isUI" value="true" />
  <param name="dynamicStreaming" value="true" />  
  <param name="@videoPlayer" value="xxxx" />
</object>

ページに Brightcove JavaScript を含める必要があります。

<script type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>

brightcove.createExperiences()また、プレーヤー コードが挿入された後に呼び出す必要があります。

これは機能します：

<script type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>
<script type="text/javascript">
formatVideoContent = '<object id="myExperience1353062063001" class="BrightcoveExperience">';
bcVideo += '  <param name="bgcolor" value="#FFFFFF" />';
bcVideo += '  <param name="width" value="400" />';
bcVideo += '  <param name="height" value="225" />';
bcVideo += '  <param name="playerID" value="1150189326001" />';
bcVideo += '  <param name="playerKey" value="AQ~~,AAAA0vRfoQE~,baHF9-H5aHJPAl3cZ-KjgHH9A7WtanGe" />';
bcVideo += '  <param name="isVid" value="true" />';
bcVideo += '  <param name="isUI" value="true" />';
bcVideo += '  <param name="dynamicStreaming" value="true" />';
bcVideo += '  <param name="@videoPlayer" value="1353062063001" />';
bcVideo += '</object>';
bcVideo += '<scr'+'ipt>brightcove.createExperiences();</scr'+'ipt>';
$(document).ready( function() {
  $(".myfancybox").fancybox({
    showCloseButton: true,
    content: bcVideo,
    scrolling: 'no',
    width: '400',
    height: '225'
  });
});
</script>
于 2012-07-11T13:06:00.357 に答える