4

如何在 javascript 而不是 html5 视频标签中使用 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

You need to attach it to the video element and set it as video's attribute

such as :

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

so you could do (with jQuery) :

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