在javascript中使用webkit-playsinline
如何在javascript中使用webkit playsinline而不是在html5视频标记中使用？我想像在javascript中使用视频标记控制/自动播放属性一样使用它，或者如果你们有任何其他有效的方法？我正在开发一款PhoneGap iOS应用程序，可以流式播放视频。
以下是我尝试过的一些方法，但都不管用：
视频播放器。WebKitPlaysInline="webkit-playsinline"；视频播放器。WebKitPlaysInline="WebKitPlaysInline"；视频Player.webkit-playsinline="webkit-playsinline"；视频播放器。WebKitPlaysInline="true"；视频播放器。WebKitPlaysInline=true；视频Player.webkit-playsinline="true"；视频Player.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 -->
任何帮助都将不胜感激。谢谢
共有2个答案
您需要将其附加到视频元素并将其设置为视频的属性
例如：
<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', '');
您可以在没有jQuery的情况下执行此操作：
var videoElement = document.createElement( 'video' );
videoElement.setAttribute('webkit-playsinline', 'webkit-playsinline');
您必须在iO应用程序的WebView中激活此功能：
webview.allowsInlineMediaPlayback = true;
有关更多详细信息，请查看此帖子：
iPhone与iPad/浏览器上的HTML5内嵌视频
-
问题内容： 我有一段JS代码来生成随机数，并将它们输出为变量，以代替旋转值在此使用 上面的代码工作正常，但是当我尝试将javascript中的变量粘贴进去时，我无法正常工作。我是新来的人，所以我90％肯定我只是没有正确了解该变量的语法（严重的是，我很难记住某些内容是否需要方括号，引号，波浪状等，我已经尽力了。） 。 或可能是因为变量是函数的局部变量，而CSS无法读取该变量。 因此，基本上，我只需要
-
借助 ios_webkit_debug_proxy，Appium 可以在 iOS 真机上访问 webview。 安装 使用 Homebrew 在终端执行以下命令使用 Homebrew 安装最新版本的 ios-webkit-debug-proxy： # 没有安装 brew 时才需要第一条命令。 > ruby -e "$(curl -fsSL https://raw.githubuserconte
-
问题内容： 是否可以通过Java应用程序使用WebKit渲染网页？ PS我希望它与Windows，Linux和Mac Os X兼容。 问题答案： Qt WebKit和Qt Jambi 。支持Windows，Linux和Mac。
-
问题内容： 有没有办法用JavaScript 设置Webkit关键帧的或？ 问题答案： 各种解决方案： 只需向标题添加样式定义。如果可能的话，通过DOM定义会更干净/更好。 编辑：使用旧方法的Chrome中出现错误
-
问题内容： 我想为用户提供他要编辑文件的任何选项，如何使用特定文件类型的默认程序打开文件？我需要它与Windows和Linux一起使用，但是Mac选项也很棒。 问题答案： 正如PSkocik所说，首先检测平台并获取命令行： 第二，执行命令行，然后输入路径
-
问题内容： 我知道这个问题，但所有答案都无法在Safari，Chrome等系统中使用。 可接受的策略（如此处所示）是设置tbody的高度和溢出属性，如下所示： 不幸的是，这不适用于任何Webkit浏览器。关于它的错误报告似乎没有被高度重视（6月5日报道）。 所以我的问题是：是否有其他有效的替代策略？我尝试了两表方法，但是无法保证标题与内容对齐。我是否只需要等待Webkit对其进行修复？ 问题答案：