別サーバーに設置してある動画が再生できません。

Question

別サーバーに動画が設置してあり、その動画を再生しようとすると音声のみしか再生されません。

そのサーバーから同一urlでのダウンロードはできるのですが、、

調べても原因がわからず、urlはあっているのに映像のみ表示されないというような現象が初めてで解決策が浮かばないので教えていただきたいです、

コード

<v-dialog v-model="previce_dialog_flg" max-width="1000px" width="50%">
      <v-card>
        <div class="d-flex align-center justify-space-between">
          <v-card-title>プレビュー</v-card-title>
          <v-btn icon text class="mr-4" @click="previce_dialog_flg = false">
            <v-icon>mdi-window-close</v-icon>
          </v-btn>
        </div>
        <v-divider />
        <div class="pa-4">
          <video
            :src="movie_url"
            controls
            playsinline
            oncontextmenu="return false;"
            controlsList="nodownload"
            class="full-width"
          ></video>
        </div>
      </v-card>
    </v-dialog>

Comments

[m.ts10806]

PHPとの関連性不明ですが、ひとまず、ブラウザ開発ツールのコンソールにエラー出てませんか？

[m.ts10806]

情報が少なすぎて他者には応えようがないと思います。

[hirqo]

すみません、混乱していました。
phpで開発していたので一応記載していました。
コンソールなどを確認してもエラーは見られないです、、

Answer 1

ご確認いただいているかもしれませんが、下記は参考になりませんか。
取り急ぎ記載します。

■自動再生されない原因
https://techacademy.jp/magazine/39355

■videoタグ　属性の兼ね合い
https://richka.co/times/19544/

自動再生が要件ではないと思いますが、まずシンプルに試行してみるのも手だと考えます。

Answer 2

解決しました。
動画のフォーマットがchromeで再生できるものではないのが原因でした。

参考リンク
https://stackoverflow.com/questions/23325358/html-video-player-plays-sound-but-not-video