gpt4 book ai didi

javascript - 在 javascript 中使用 webkit-playsinline

转载 作者:太空宇宙 更新时间:2023-11-04 14:04:59 34 4
gpt4 key购买 nike

如何在 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 -->

非常感谢任何帮助。谢谢。

最佳答案

你可以在没有 jQuery 的情况下做到这一点:

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

您必须在您的 iOs 应用程序的 WebView 中激活此功能:

webview.allowsInlineMediaPlayback = true;

您可以查看这篇文章了解更多详情:

HTML5 inline video on iPhone vs iPad/Browser

关于javascript - 在 javascript 中使用 webkit-playsinline,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14472690/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com