Question

您好我正在使用jwplayer为我的网站生成视频。视频在网络浏览器上自动播放，但对于移动设备，它不会自动播放和加载显示在那里。用于设置jwplayer的脚本如下：

版本：6.11

以下是播放器的设置

_player = jwplayer('dv_VideoPlayerUrl').setup({
            'id': 'playerID',
            'width': '100%',//options.width,
            'height': '100%',// options.height,
           'file': "my .mp4 file here",
            'streamer': ((isAndroidStream) ? filePath : ''),
            'flashplayer': '../../Scripts/JWPlayer/jwplayer.flash.swf',
            'html5player': '../../Scripts/JWPlayer/jwplayer.html5.js',
            'primary': 'flash',
            'autostart': 'true',

我的视频无法在移动设备上自动播放这个脚本有什么问题。

如何解决此问题？

屏幕显示在移动设备上。

Answer 1

建议不要将autostart用于移动设备。

正如@MisterNeutron提到的那样


移动设备因为非常好的理由而不会自动启动 - 价格昂贵     带宽，并不希望有一个嘈杂的视频开始播放     你在会议，餐厅等等。在大多数网站上，我都想禁止     甚至在台式机上自动启动视频

此外，移动设备不支持自动启动，请参阅下文

How to autoplay HTML5 mp4 video on Android?

Can you autoplay HTML5 videos on the iPad?

enable-autoplay-html5-video-in-chrome

即使将jwplayer的onReady API用于play()函数

jwplayer().onReady(function() { 
    jwplayer().play();
    }

如果没有移动设备中的touch event，它将无效。可以为此提供解决方法，您可以通过视频播放器提供叠加效果或保留播放按钮，仅限移动设备，用户将被要求点击按钮和onclick你可以玩jwplayer。

 $(document).ready(function() {
    $("#video1").bind("click", function() {
     jwplayer().play();
    });
});

无论如何，jwplayer本身具有此功能，用户点击视频即可在没有自动启动的情况下播放。

我只是为您提供各种选择，选择适合您项目的方式。

Answer 2

接受并使用

<div id="contenido">
<script src="http://content.jwplatform.com/libraries/wr6i4gal.js"></script>
<script>jwplayer.key="2mpz4VCh2IcyBKvpj6vLCnCXgc2D91rCI1Fd2psUMYjInrWIT9cYxLJqS08=";</script>
<script src="http://ssl.p.jwpcdn.com/player/v/8.5.6/jwplayer.core.controls.js"></script>
    <script src="https://developer.jwplayer.com/js/developer.js"></script>
    <script type="text/javascript" src="https://developer.jwplayer.com/js/tools/stream-tester.js"></script>
</head>

<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<div id="botr_JRkBLqJK_a6VYOGKD_div" style="position: relative; display: block; width: 100%; height: 100%;"><a id="beforeswfanchor0" href="#botr_JRkBLqJK_a6VYOGKD_div" tabindex="0" title="Flash start" style="border:0;clip:rect(0 0 0 0);display:block;height:0%;margin:-1px;outline:none;overflow:hidden;padding:0;position:absolute;width:100%;" data-related-swf="botr_JRkBLqJK_a6VYOGKD_div"></a><object type="application/x-shockwave-flash" data="http://p.jwpcdn.com/6/12/jwplayer.flash.swf" width="100%" height="0%" bgcolor="#000000" id="playerjxJRqLMFuJaA" name="playerjxJRqLMFuJaA" class="jwswf swfPrev-beforeswfanchor0 swfNext-afterswfanchor0" tabindex="0"><param name="allowfullscreen" value="true"><param name="allowfullscreen" value="always"><param name="seamlesstabbing" value="true"><param name="wmode" value="opaque"></object><a id="afterswfanchor0" href="#playerjxJRqLMFuJaA" tabindex="0" title="Flash end" style="border:0;clip:rect(0 0 0 0);display:block;height:0%;margin:-1px;outline:none;overflow:hidden;padding:0;position:absolute;width:100%;" data-related-swf="playerjxJRqLMFuJaA"></a><div id="botr_JRkBLqJK_a6VYOGKD_div" style="display: none;"></div><div id="playerjxJRqLMFuJaA_jwpsrv" style="position: absolute; top: 0%; z-index: 0%;">
	<div class="afs_ads" style="width: 100%; height: 539px; position: absolute; background: ;; left:0px; top:-539px">&nbsp;</div></div></div>


<script data-cfasync="true" type="text/javascript">
    jwplayer('botr_JRkBLqJK_a6VYOGKD_div').setup({
    file: 'http://adtv.ercdn.net/adsport1/adsport1.m3u8',
 aboutlink: '',
        controls: 'true',
        title: 'simo lazaar',
        width: '100%',
        aspectratio: '16:7.5',
        stretching: 'uniform',
        "autostart": "viewable",
        primary: 'flash',
 skin: 'roundster',
 androidhls: 'true',
image: "",logo: {file:"",link: ""},



        
    });
</script>

Jw播放器视频无法在移动设备上自动启动

2 个答案: