4

html5 video タグの代わりに javascript で webkit-playsinline を使用するにはどうすればよいですか? javascriptでビデオタグコントロール/自動再生属性を使用するのと同じように使用したい、または他の方法が機能している場合は? ビデオをストリーミングする PhoneGap iOS アプリに取り組んでいます。

以下は私が試したいくつかのアプローチですが、どれも機能していません:

videoPlayer.WebKitPlaysInline = "webkit-playsinline"; videoPlayer.WebKitPlaysInline = "WebKitPlaysInline"; videoPlayer.webkit-playsinline = "webkit-playsinline"; videoPlayer.WebKitPlaysInline = "true"; videoPlayer.WebKitPlaysInline = true; videoPlayer.webkit-playsinline = "true"; videoPlayer.webkit-playsinline = true;

私の現在のコード(js):

function loadPlayer() {
    var videoPlayer = document.createElement('video');
videoPlayer.controls = "controls";
    videoPlayer.autoplay = "autoplay";
    videoPlayer.WebKitPlaysInline = true;
    document.getElementById("vidPlayer").appendChild(videoPlayer);
    nextChannel();
}

私の現在のコード(html):

<body onload="loadPlayer(document.getElementById('vidPlayer'));"><!-- load js function -->

<li><span class="ind_player"><div id="vidPlayer"></div></span></li><!-- video element creat here -->

どんな助けでも大歓迎です。ありがとう。

4

2 に答える 2

6

jQueryなしでこれを行うことができます：

var videoElement = document.createElement( 'video' );
videoElement.setAttribute('webkit-playsinline', 'webkit-playsinline');

iOS アプリケーションの WebView でこの機能を有効にする必要があります。

webview.allowsInlineMediaPlayback = true;

詳細については、この投稿を確認してください。

iPhone と iPad/ブラウザの HTML5 インライン ビデオ

于 2015-09-15T14:13:24.233 に答える
4

それを video 要素にアタッチし、 video の属性として設定する必要があります

そのような ：

<video class="" poster="" webkit-playsinline>
    <source src="" type="video/ogg" preload="auto">
    <source src="" type="video/mp4" preload="auto">                
</video>

そうすることができます（jQueryを使用）：

$('video').attr('webkit-playsinline', '');
于 2013-02-20T13:55:06.190 に答える