videoタグを使って動画の埋め込みができません。

Question

実現したいこと

Webサイトを作成しています。videoタグを使って動画を埋め込みたいのですが、うまくいきません。Youtubeの埋め込みはうまくいきます。

該当のソースコード

<section class="tech-block">
		<h2>Technology</h2>
			<section class="tech-item">
				<section class="tech"><br>
					<a href="#">
						<video src=”tech-video-1.mp4″ autoplay muted></video>
						<div class="category">tech-No.1</div>
						<p class="description">We offer industrial robots in a wide range of 
						versions with various.</p>
					</a>
				</section>
		

試したこと

動画の形式を変えたりしてみましたが変化なしでした。ファイルにはきちんと該当の動画を入れています。

Answer 1

sourceタグを書いてみてください。

<video>
    <source src="tech-video-1.mp4"
            type="video/mp4">
</video>

https://developer.mozilla.org/ja/docs/Web/HTML/Element/video

Comments

[Kiiko1]

回答ありがとうございます。
動画を表示することができました。

自動再生ができないのですが、さらに問題があるのでしょうか？

[yuki84web]

autoplay を指定してもですか？

[Kiiko1]

そうです。
動画の1番はじめの画面で画像のように表示されます。

[yuki84web]

https://developer.mozilla.org/ja/docs/Web/HTML/Element/video#attr-autoplay
によれは「一部のブラウザー (Chrome 70.0 など) では、 muted 属性がないと autoplay は動作しません。」とあるので、これではないでしょうか。アクセスした直後に音が鳴りだしたら困りますからね。
また、読み込むサイズにもよりますが、いきなり動画を自動再生するのは一般的に迷惑なので疎まれます。（モバイルは特に）

[Kiiko1]

わざわざURLまでありがとうございます。