I'm developing a responsive website that has a video, when accessing this site on mobile the video is not displayed, if you insert the video through the tag it works.
Could anyone help me?
video tag does not work on android phones
0
asked by anonymous 09.06.2017 / 23:42
1 answer
0
Without the code it becomes difficult, but come on ..
1) Script to add the simple video file to the page
<!DOCTYPE html>
<html>
<head>
<title>HTML Video Tag Example</title>
</head>
<body>
<video width="320" height="240" controls="controls" autoplay="autoplay">
<source src="Yes Bank Advertisment.mp4" type="video/mp4">
<object data="" width="320" height="240">
<embed width="320" height="240" src="Yes Bank Advertisment.mp4">
</object>
</video>
</body>
</html>
Figure 1: This figure is the simple embed video output on the HTML page.
Here we have seen that the control attribute adds video controls, such as play, pause, and volume adjustment. It can also be seen that the video is playing in a specific region on the page, reason is that we have included the width and height attributes for video. If height and width are defined, the space required for the video is reserved when the page loads. However, without these attributes, browser will either adapt itself or will display the entire page.
There was no standard procedure for playing back video on pages web. Most videos today are shown via flash or several plug-ins. However, different browsers may have multiple plug-ins. Without any standardized method it becomes difficult to provide various plugins for different browsers. As a remedy for this, HTML5 defines a new element, which specifies a default form to embed a video / movie in a webpage: the element . This tag is supported by all major browsers, such as Internet explorer, Google Chrome, Safari, Opera etc.
The tag was proposed by Opera Software in February 2007. Opera also released a preview build that was shown in the the same date, and a manifesto he called the video to become the first class citizen.
10.06.2017 / 01:12