Html 自动播放视频&；单击以获取声音，从手机存储器播放视频

我正在尝试实现以下内容：

• （1）在您选择本地视频后，可以从手机存储器中播放本地视频（我在iPhone上尝试了这一功能）
• （2）当屏幕上有一定比例的视频播放器时，自动播放在线视频，并且在单击视频时能够打开声音

（1）关于第一个问题，我可以检索视频URL，但它没有播放。我在另一篇帖子上读到，你必须删除/private/部分字符串才能从本地电话存储中播放视频。我试过了，但没有成功。但是我希望解决方案很接近，因为我有视频URL

（2）关于我的第二个问题，视频是自动播放的，但它会立即播放，我无法通过单击视频打开视频声音。我一直遵循的实现这一点的教程就是这一个。但是，您可以决定何时播放视频的部分[inViewportOptions]=“{阈值：[0,0.65]，部分：true}” 当我试图在HTML文件中实现它时，给我一个错误

（1） 这是我的html.xml文件：

<div tappable (tap)="changeVideoAudio(video?.id)">
    <video [hidden]="hideChosenVideo"
           inViewport
           (inViewportAction)="onIntersection($event)"   
           playsinline loop
           [muted]="'muted'" preload="auto" muted="muted"
           poster="{{chosenVideoHolder}}"    
           id="video1" class="video-media">
       <source src="{{chosenVideoHolder}}" type="video/mp4" src="">
    </video> 
</div>

（2）

要从本地电话存储中获取视频，请执行以下操作：

his.camera.getPicture(cameraOptions).then(async (videoUrl) => {
    f (videoUrl){
       let stringConv = String(videoUrl);
       let test123 = stringConv.replace('/private/', '');
       this.chosenVideoHolder = test123;
    }
});

HTML文件

<video [hidden]="hideChosenVideo"
       inViewport
       (inViewportAction)="onIntersection($event)"   
       playsinline loop
       [muted]="'muted'" preload="auto" muted="muted"
       poster="{{chosenVideoHolder}}"    
       [id]="'media-' + video?.id">
    <source src="{{chosenVideoHolder}}" type="video/mp4" src="">
</video> 

总而言之，我希望得到帮助的是我必须改变什么，才能从手机存储器播放我本地选择的视频。在检索videoURL时，我不确定问题是在HTML文件还是TS文件中

---

对于另一个问题，我似乎以错误的方式使用了invewportoptions。有没有一种方法可以重新调整，或者有没有另一种方法可以实现这种解决方案？

避免同时问多个不同的问题。是的，对不起，我这样做是因为两者都与视频主题有关。也许我应该把它分成两部分。避免一次问多个不同的问题。是的，对不起，我这样做是因为两者都与视频主题有关。也许我应该把它分成两部分。

<video [hidden]="hideChosenVideo"
       inViewport
       (inViewportAction)="onIntersection($event)"   
       playsinline loop
       [muted]="'muted'" preload="auto" muted="muted"
       poster="{{chosenVideoHolder}}"    
       [id]="'media-' + video?.id">
    <source src="{{chosenVideoHolder}}" type="video/mp4" src="">
</video>