Canvas drawImage with video 当源视频可见时全屏不工作

如何解决Canvas drawImage with video 当源视频可见时全屏不工作

我目前正致力于通过在画布上绘制视频的某些部分，同时将视频的主要部分显示为视频标签。最近我遇到了一个奇怪的情况，当在旧手机（galaxy 7）上进入全屏模式时，画布部分停止绘制。它适用于最近的手机和 PC。

所以，我摆弄了一下，发现如果视频可见，drawImage 将停止在全屏模式下绘制。

https://jsfiddle.net/2c8udb7j/1/

https://jsfiddle.net/2c8udb7j/2/

除了第二个有 Layout_list 行之外，两者是相同的。其他一切都是一样的。您可以通过点击“播放”按钮，然后点击“全屏”按钮来查看。

有人遇到过这个问题或知道它或有解决方案吗？

小提琴代码

html

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycleViewMain"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="10dp"
        tools:listitem="@layout/recycler_view_item" />
</androidx.constraintlayout.widget.ConstraintLayout>

脚本

video.style.display = "none"

编辑： 刚刚意识到我只用 chrome 测试这个。使用 galaxy 7 的基本互联网浏览器进行了尝试，全屏 drawImage 工作正常。也许是铬或铬问题？