当前位置: 首页 > 知识库问答 >
问题:

在javascript中使用webkit-playsinline

丁良骏
2023-03-14

如何在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个答案

鲁斯伯
2023-03-14

您需要将其附加到视频元素并将其设置为视频的属性

例如:

<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', '');
岳君之
2023-03-14

您可以在没有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

  • 问题内容: 有没有办法用JavaScript 设置Webkit关键帧的或? 问题答案: 各种解决方案: 只需向标题添加样式定义。如果可能的话,通过DOM定义会更干净/更好。 编辑:使用旧方法的Chrome中出现错误

  • 问题内容: 是否可以通过Java应用程序使用WebKit渲染网页? PS我希望它与Windows,Linux和Mac Os X兼容。 问题答案: Qt WebKit和Qt Jambi 。支持Windows,Linux和Mac。

  • 问题内容: 我想为用户提供他要编辑文件的任何选项,如何使用特定文件类型的默认程序打开文件?我需要它与Windows和Linux一起使用,但是Mac选项也很棒。 问题答案: 正如PSkocik所说,首先检测平台并获取命令行: 第二,执行命令行,然后输入路径

  • 问题内容: 我知道这个问题,但所有答案都无法在Safari,Chrome等系统中使用。 可接受的策略(如此处所示)是设置tbody的高度和溢出属性,如下所示: 不幸的是,这不适用于任何Webkit浏览器。关于它的错误报告似乎没有被高度重视(6月5日报道)。 所以我的问题是:是否有其他有效的替代策略?我尝试了两表方法,但是无法保证标题与内容对齐。我是否只需要等待Webkit对其进行修复? 问题答案: