2

私の Web ページには、テストしたすべてのブラウザーで正常に動作するボタンがいくつかありますが、モバイル サファリ (Iphone、Ipad など)

あなたが行く場合：http ://www.divisionforty.com/

ビデオの表示または詳細情報をクリックすると、同じページのさらに下の別のボタンが正常に機能する場合に何も起こらないことがわかります。

コードは次のとおりです。

    <div id="hero">
           <div class="page-header pull-left"><h1>you deserve a better web experience!</h1>
            <p>inroducing a complete web presence service that is designed to ease your companies workload while increasing user ease.<br> <a href="services.php"> learn more</a></p>


            <a href="#" id="videofade" class="button">watch video</a>                              


            </div>


    </div>

何らかの理由で、これらのボタンだけが機能していないようです。

誰かが助けてくれることを願っています

デンバー

4

1 に答える 1

0

修正を考え出した。めちゃくちゃだったので

<video id="videopromo" style="display:none;position:absolute;z-index:-1;" controls poster="video/video.jpg" width="100%" height="500">
  <source src="video/video.mp4" type="video/mp4">
  <source src="video/video.webm" type="video/webm">
  <object type="application/x-shockwave-flash" data="video/player.swf"
width="854" height="504">
    <param name="allowfullscreen" value="true">
    <param name="allowscriptaccess" value="always">
    <param name="flashvars" value="file=video.mp4">
    <!--[if IE]><!--><param name="movie" value="player.swf">
    <!--<![endif]-->


    <img src="http://devfiles.myopera.com/articles/4791/video.jpg" width="100%" height="500" alt="Video">
    <p>Your browser can't play HTML5 video. <a href="video/video.webm">
Download it</a> instead.</p>
  </object>
</video>

上に置かれた

<div id="heroslider">

            <div id="hero">
                   <div class="page-header pull-left"><h1>you deserve a better web experience!</h1>
                    <p>inroducing a complete web presence service that is designed to ease your companies workload while increasing user ease.<br> <a href="services.php"> learn more</a></p>


                    <a href="#" id="videofade" class="button">watch video</a>                              


                    </div>


            </div>

    </div>

ボタンをクリックするとキャンセルされる display:none でビデオを非表示にします。

http://divisionforty.comでモバイルでテストできるように、すべてが機能するようになりました。

デンバー

于 2013-05-01T01:06:13.453 に答える