Question

我正在使用jwplayer播放器与流行的colorbox插件一起加载.mo4视频文件（使用内联html方法）。一切都适用于使用移动模拟的桌面浏览器，但视频无法在移动设备上播放（在iPhone和Android上进行测试）。以下是我的代码：

以下链接用于启动colorbox并加载内联HTML div #inline_content：

<a class="trailerVideo cboxElement" href="#inline_content" title="Video">
    <img src="assets/images/home-new/LookHear-AdmissionsVirtualTour.jpg" alt="">
</a>

包含JWPlayer加载器的内联HTML div #inline_content：

<div style="display:none">
    <div id="inline_content">
        <script type="text/javascript" src="prebuilt/jwplayer.js"></script>
        <div id="myElement">Loading the player...</div>
        <script type="text/javascript">
            jwplayer("myElement").setup({
                flashplayer: "prebuilt/player.swf",
                file: "http://www.domain.com/media/mp4/virtual-tour-2013.mp4",
                image: "http://www.domain.com/images/home-new/LookHear-AdmissionsVirtualTour.jpg",
                height: 270,
                width: 480,
                plugins: { "googlytics-1": {} },
                autostart: true
            })
            $("#videoCaption").text(currCaption);
            function removePlayer() {
                jwplayer("myElement").remove();
            }
        </script>
    </div>
</div>

在加载JWPlayer flashplayer之后，它会被渲染出来：

<div style="display:none">
    <div id="inline_content">
        <script type="text/javascript" src="prebuilt/jwplayer.js"></script>
        <object type="application/x-shockwave-flash" data="prebuilt/player.swf" width="480" height="270" id="myElement" name="myElement"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="flashvars" value="id=myElement&amp;file=http%3A//www.domain.com/media/mp4/virtual-tour-2013.mp4&amp;image=http%3A//www.domain.com/images/home-new/LookHear-AdmissionsVirtualTour.jpg&amp;plugins=googlytics-1&amp;autostart=true&amp;controlbar.position=over"></object>
        <script type="text/javascript">
            jwplayer("myElement").setup({
                flashplayer: "prebuilt/player.swf",
                file: "http://www.domain.com/media/mp4/virtual-tour-2013.mp4",
                image: "http://www.domain.com/images/home-new/LookHear-AdmissionsVirtualTour.jpg",
                height: 270,
                width: 480,
                plugins: { "googlytics-1": {} },
                autostart: true
            })
            $("#videoCaption").text(currCaption);
            function removePlayer() {
                jwplayer("myElement").remove();
            }
        </script>
    </div>
</div>

为什么这会在桌面浏览器上运行，但在移动设备上不起作用？注意：不工作我的意思是不在移动设备上加载视频（彩盒启动很好，加载其他内容而不是视频）。

提前致谢！

JWPlayer没有在移动设备上播放MP4

0 个答案: