Q&A
「画面上」とは何の画面上ですか？
タイトルに「html内に埋め込む」とありますので、ブラウザ上に表示する、ということかと思いましたが違いましたか？
前提
マックの写真フォルダにあるmp４の動画を画面上に表示したいです。
実現したいこと
写真フォルダにあるmp4はサーバーを立てないとできませんか？
ドラッグして持ってくると下記のようなメッセージがvscode上に表示されます。
発生している問題・エラーメッセージ
このファイルはバイナリか、サポートされていないテキストエンコードお使用しているため、エディターに表示されません。このまま開きますか？
いや、Objective-C タグが付いているということは、もしかしてiOSアプリの開発に関することですか？
画面上というのはvscodeを反映した画面上のことです。htmlに埋め込むと表現したのは、videoタグでhtmlに画像を埋め込むことを試みましたがうまく行かなかったので、htmlで動くアニメーションを埋め込む方法が他にあるか知りたいからです。
すみません。objective-cではありません。
vscode上 で mp4 をプレビュー表示することと、
html に mp4 を埋め込むこととは、
かなり違うことなのですが、その辺りのご認識はどうでしょうか？
あなたが何かを勘違いされているか、あるいは私が問題になっていることを読み取れていないように感じています。なにかすれ違っているような？
タグが間違っているならば、質問を編集された方がいいかもですね。
回答者は質問タグを見て回答する質問を選んでいます。
たとえば、JavaScriptの質問に[Java][JavaScript]というタグが付いていた場合、JavaScript に詳しい回答者が「Javaが関係するなら詳しくないから回答できないな」と読み飛ばすかもしれません。
結果的に質問が目に触れる回数が減り、回答が得られにくくなることがあるでしょう。
ですので、質問タグは適切に設定することをおすすめします。
（もちろん、これは強制ではありません）
本来の目的は以下のサイトのように動画を自動再生することです。
https://coco-factory.jp/ugokuweb/move01/6-1-7/
のように表示したいのですが、動画を写真フォルダからドラッグすると上記のエラーメッセージが表示されてしまいます。
回答1件
0
ベストアンサー
VSCode 上で mp4 ファイルをプレビューするのには機能拡張が必要だと思います。
ググったところ、このようなものがあるようです。（動作の確認はしてないです）
MPEG-4 Preview - Visual Studio Marketplace
HTML ファイルのプレビューで、video タグに埋め込んだ mp4 ファイルが表示されない、ということであれば、HTMLプレビューの機能拡張の問題かもしれません。
だいたいみなさん、↓この辺りを使っているように思います。
Live Preview - Visual Studio Marketplace
Live Server - Visual Studio Marketplace
あるいは、もっと根本的にHTMLが間違っているのかもしれません。
補足依頼欄にも書きましたが、これら2つの問題はあまり関係のない話なので、起きている問題と達成したい目的を見直してご検討されることをおすすめします。
投稿2022/07/15 07:26
総合スコア37745
videoタグにautoplayとmuted属性を追加すれば無事できました。「このファイルはバイナリか、サポートされていないテキストエンコードお使用しているため、エディターに表示されません。このまま開きますか？」このメッセージがどういう意味なのかはまだ理解出来ませんが、なんとか解決しました。
あなたの回答
tips
プレビュー
