在iPad / iPhone上跳过JavaScript内容

Question

I have the following code working, but I would like to just skip it altogether if the user is on an iPad or iPhone. How do I go about doing that?

<script>
  var elements = ['<video autoplay="true" width="900" height="540" id="myVideo">',
                   '<source src="/s/phlogo.mp4"  type="video/mp4">',
                    '<source src="/s/phlogo.ogg" type="video/ogg">',
                    '<source src="/s/phlogo.webm" type="video/webm">',
                    '</video>'].join('\n');
</script>

<script>
jQuery(document).ready(function ($) {
    $.fancybox.open({
        padding: 0,
        content: elements,
        type: "html"
    });

    $("#myVideo").on("ended", function () {
        $.fancybox.close();
    });

}); // ready
</script>

Thanks for any help!

Answer 1

Depends if you're using jQuery or not.

JS:

if (/iPhone|iPad/i.test(navigator.userAgent)) { //code };

jQuery( not recommended ):

<script>
$.browser.device = (/iPhone/iPad/i.test(navigator.userAgent.toLowerCase()));

if ($.browser.device == true) {
    jQuery(document).ready(function ($) {
        $.fancybox.open({
            padding: 0,
            content: elements,
            type: "html"
        });

        $("#myVideo").on("ended", function () {
            $.fancybox.close();
        });

    }); // ready
}
</script>