post送信とvideoタグによる自動遷移を同時に行いたい

前提・実現したいこと

videoタグでonendedをつけて動画再生後特定のページに自動遷移する、
同時に自動遷移先のページにPOST送信を送りたいです。

発生している問題・エラーメッセージ

~~そもそもvideoが再生されない~~
POST送信がされない

該当のソースコード

HTML
1<div class=mp4>
2    <form method="POST" action="result.php">
3         <input type="hidden" name="judge" value="win">
4    </form>
5    <video onended="location.href='result.php'; "src="~" autoplay muted contorols></video>
6</div>
7

php
1### result.php
2<?php
3    if (isset($_POST["judge"]) === TRUE) {
4        $judge = $_POST["judge"];
5    }
6?>

試したこと

普通にvideoタグを用いて動画を再生することはできますが、JavaScriptを使おうとすると途端に再生されなくなります。
JavaScriptに関してほぼ知識がなく手探りなのでそもそも記述の仕方が間違っているのかもしれません。

追記(11:39)：<Script>がいらなくて遷移先をURL表記ではなくディレクトリ表記すると、しっかり再生後目的のページに飛びました。ただ、POST送信はいまだにうまくいっていないようで遷移先のページでjudgeの内容を取り出すことができません。

行動規範の内容に同意します

回答1件

ベストアンサー

location.hrefはGETによるページ遷移です。
未検証ですが下記のようにformをsubmitしてみてください。

HTML
1<div class=mp4>
2    <form method="POST" action="result.php" name="form1">
3         <input type="hidden" name="judge" value="win">
4    </form>
5    <video onended="document.form1.submit();" src="~" autoplay muted contorols></video>
6</div>

投稿2021/10/12 06:00