如何在 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;
您可以查看此帖子了解更多详细信息:
iPhone 与 iPad/浏览器上的 HTML5 内嵌视频
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)