ios - 一般的なブラウザにコンテンツを提供するにはどうすればよいですか? (ユーザーエージェントを使用)

Question

だから私は自分のブログに投稿するいくつかのビデオを持っています - それは子供の写真であり、おそらく子供誘発性の昏睡状態にすぐに入ることに注意してください.

iOS と Mac の場合は HTTP ライブ ストリーミング バージョンのビデオを表示したいのですが、それ以外の場合は標準の MP4 ファイルを表示したいと思います。したがって、m3u8 を Safari で誰にでも提供し、それ以外の人には mp4 を提供するロジックがあれば素晴らしいことです。ありがとう！

現状では、2 人の異なるプレーヤーを提供する必要があります (これは見栄えが悪いです)。

        <!-- Begin Video.js Responsive Wrapper -->
    <div style='max-width:800px;'>
        <div class='video-wrapper' style='padding-bottom:45.875%;'>

<!-- Begin Video.js -->
<video id="example_video_id_2142731582" class="video-js vjs-default-skin" width="800" height="367" poster="http://blog.thetroutmans.net/wp-content/uploads/2013/04/1stBikeRide/poster.png" controls preload="none" data-setup="{}">
    <source src="http://blog.thetroutmans.net/wp-content/uploads/2013/04/1stBikeRide/1stBikeRide.m3u8" type='video/mp4' />


</video>
<!-- End Video.js -->

        </div>
    </div>
    <!-- End Video.js Responsive Wrapper -->
    </p>

    <!-- Begin Video.js Responsive Wrapper -->
    <div style='max-width:800px;'>
        <div class='video-wrapper' style='padding-bottom:45.875%;'>

<!-- Begin Video.js -->
<video id="example_video_id_621346600" class="video-js vjs-default-skin" width="800" height="367" poster="http://blog.thetroutmans.net/wp-content/uploads/2013/04/1stBikeRide/poster.png" controls preload="none" data-setup="{}">
    <source src="http://blog.thetroutmans.net/wp-content/uploads/2013/04/1stBikeRide/First%20Bike%20Ride-Wi-Fi%20High.mp4" type='video/mp4' />


</video>
<!-- End Video.js -->

        </div>
    </div>
    <!-- End Video.js Responsive Wrapper -->
    </p>