如何在 Javascript 中使用 iOS playinline

Question

我想弄清楚如何在网页内播放视频而不打开 iOS 原生播放器。我正在 Adob​​e Animate HTML5 画布中创建页面。我知道我想使用 playinline，但我对代码知之甚少，并且在实现它时遇到了麻烦。我的理解是基于此网站：

https://webkit.org/blog/6784/new-video-policies-for-ios/

我已经为此工作了几天，但 Adob​​e 的论坛无法提供帮助。我什至尝试发布 .html/.js 文件，然后在 Dreamweaver 中打开它们并寻找手动添加 playinline 代码的地方，但似乎没有任何效果。 我也阅读了这些论坛帖子，但我并不真正理解它们： use webkit-playsinline in javascript

HTML5 inline video on iPhone vs iPad/Browser

Webkit-playsinline on iphone

"webkit-playsinline" video tag attribute

这是我的 Adob​​e Animate 文件第 1 帧的相关代码。我只是想知道将 playinline 代码粘贴到哪里，或者是否必须以其他方式粘贴：

this.stop();

var nextBtnVAR = this.nextBtn;
var timelineVAR = this;


this.playBtn.addEventListener("click", playVideoFUNC.bind(this));
        function playVideoFUNC()
        {
        $("#video1")[0].src = "videos/2.mp4";
        $("#video1")[0].play();
        this.pauseBtn.visible = true;
        }

this.pauseBtn.addEventListener("click", pauseVideoFUNC.bind(this));
        function pauseVideoFUNC()
        {
        $("#video1")[0].pause();
        this.pauseBtn.visible = false;
        }

this.nextBtn.addEventListener("click", nextFrameFUNC.bind(this));
        function nextFrameFUNC()
        {
        this.gotoAndStop(2);
        }       


this.video1.on("added", function()
{
$("#video1")[0].addEventListener('ended', timelineVAR.endedHandler);
}
);

this.endedHandler = function(e)
{
timelineVAR.gotoAndStop(1);
};

Answer 1

我在这里找到了一个下载示例：https://dizply.com/responsive-in-banner-video-ad-with-adobe-animate-cc/ 他们是这样做的：

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