Video on mobile cannot play local video, while Wechat's built-in browser, 360and safari indicate that loading failed.

the format of the owner of the building is mp4,. It is written as follows
< video width= "100%" height= "215" controls poster= "images/play_img.png" >

            <source src="images/dcjj.mp4" type="video/mp4" ></source>
            <span data-i18n-text="video_bzc"> video</span>
        </video>

9.2.1 on the IOS system, there is no response. 10 + can click, but it is always loaded after clicking. Android has no problem with the PC side, and there is no problem to play it on the ios if you quote a link placed on the web by the following layer, but if I download the link locally, referencing the local address will not be able to play it.

Javascript css html html5

Mar.31,2021

is written correctly, but your MP4 video may not be encoded in H264 format. It is recommended to check it or re-encode it with H264.

A video file has two formats: file format and encoding format. File formats such as mkv or flv, encoding formats such as H.264 or MPEG. Both formats must be supported.

generally speaking, you can check the table and transcode your own video. Another way is to find a video that can be played, download it, look at the file format and video format, and then transcode it.

is it possible that the resource path is incorrect and whether other resources are loaded correctly? generally, IOS has special requirements for the correct representation of the resource path because of restrictions, which also explains why Android is right
may be a limitation of the browser itself, very often the system security policy is to isolate the local data from the network data, so the browser cannot access the local data directly, so you have to find the relevant documents.

Previous: (? < = / / |) (\ w) +\.) +\ w+) (\: (\ d +)) how to understand this rule

Next: Can upload upload other files in element-ui?

The content of element-ui table is not centered vertically
how to make the content of table not be centered vertically? you can set valign= "top " in html, then how to set it in element The table is centered vertically when it is stretched out, and the working hours are aligned with the one at 8 o clock . ...

Javascript css html html5

Feb.28,2021
Has anyone ever done anything like JD.com, where the page scrolls down and the content is gradually rendered and inserted?
I haven t done it. I want to know what the train of thought is . Does first store each section structure as a string, then scroll to the specified location, and execute the following code? is similar to paging loading, but the content and layout of ...

Javascript css html html5

Mar.01,2021
After vue routes are configured with child routing paths, $router.push cannot switch routes, as shown below
< html lang= "en " > < head > <meta charset="UTF-8"> <title>Document< title> <script type="text javascript" src="vue.js">< script> <script type="text javascript" src="vue...

Javascript css html html5 react.js

Mar.04,2021
Vue Baidu Statistical event Analysis Trackevent event conversion how to set? Only one option can't be deleted.
...

Javascript css html html5 node.js

Mar.14,2021
Use cropper.js to crop an image on the ios mobile end. When the uploaded image is larger than 6m, the returned image is black.
when clipping an image with cropper.js on the ios mobile end, the image returned is black when the uploaded picture is larger than 6m. Cropper.js v1.3.5 (cropper version) https: github.com fengyuanch. ...

Javascript css html html5

Mar.14,2021
On the problem of elementUI switch
The list uses the switch component in elementUI status is a field returned by the background, which is fine. the on state is 1 and the off state is 0, but the switch does not correspond here and cannot be displayed here. the code is as follows:...

Javascript css html html5 node.js

Mar.14,2021
Webpack encountered an error when compiling the css file separately
these are my webpack configuration information var htmlWebpackPlugin = require( html-webpack-plugin ); const CleanWebpackPlugin = require( clean-webpack-plugin ); const ExtractTextPlugin = require("extract-text-webpack-plugin"); let path...

Javascript css html html5

Mar.15,2021
Vue-cli,SyntaxError: Unexpected keyword 'const'.
browser version Chrome browser Mac version, 67.0.3396.62 version Vue version number 2.5.2 vue-baidu-map component library version number 0.21.10 description of the phenomenon before the introduction of Baidu component vue-baidu-map, several mo...

Javascript css html html5 typescript

Mar.18,2021
Status management of the page
the vue page currently being written has the following different states, and my way of writing it is as follows data: function () { return { state: 1, 1: 2: 3: 4: 5 deliveryState: 1, :1: 2: } }, w...

Javascript css html html5 node.js

Mar.18,2021
How to use js and HTML to realize the effect that the APP content of Tencent mobile news slides left and right, and the top navigation menu underline moves left and right.
in the current mobile phone APP, the content page can generally slide left and right, that is, the effect of the tab menu bar. When sliding left and right, the underline of the category menu above it can also slide left and right . but on the mobile s...

Javascript css html html5

Mar.20,2021
Lieutenant WeChat Mini Programs push the data to the array, and the array renders the picture. It's a mistake. I've been doing it all day. Is there a boss?
Lieutenant WeChat Mini Programs push the data to the array, and the array renders the picture. It has been a mistake all day. Is there a boss? before adding is there a big shot? wxml: < scroll-view class= " " scroll-x style= "width: 580rpx swi...

Javascript css html html5 typescript

Mar.20,2021
On the jump path of WeChat Mini Programs
the directory structure she wrote after taking over the Mini Program project from someone else last week is like this the problem now is: tokentokentoken login ...

Javascript css html html5

Mar.22,2021
How to set Wechat h5 videos in Android version 7.1 and below to not be played in full screen
problem description now the demand is for the video to fill the current page, and then slide down and there are still a few pages below, but when you play the video below Android 7.1, you can just jump to full screen and there is no way to drop down ....

Javascript css html html5

Mar.28,2021
How does the bottom pop-up layer of the mobile phone do?
as shown in the picture, is it something you wrote yourself, click to appear; or is this thing a plug-in, or is it written in other ways ...

Javascript css html html5

Mar.29,2021
Bootstrap how to display two input boxes on the same line instead of div packages
1. Because the bootstrapValidator check frame is used, two input boxes are wrapped in a form-group, resulting in a mistyping of one input box and a change in the style of the other input box. To achieve this, each input box is wrapped in a div, and then...

Javascript css html html5

Mar.29,2021
Why is my global reference to the mint-ui framework invalid?
install module: npm install mint-ui -S mains.js: import Mint from mint-ui ; import mint-ui lib style.css Vue.use(Mint); I want to use the toash component now using the toash component in xx.vue he will prompt that he cannot find if ...

Javascript css html html5 node.js

Mar.30,2021
Why did video width= become width= "100" pixels under IE 9?
<video id="myVideo" width="100%" controls preload> <source src="video test.mp4" type="video mp4" codecs="avc1.42E01E,mp4a.40.2"> < video> other mainstream browsers are fine, adaptin...

Node.js javascript css html html5

Mar.30,2021
Vue displays the query results to el-tabel
list: what I assign to banklist but banklist doesn t seem to save is my paging data ...

Javascript css html html5 node.js

Apr.01,2021
How to click on the checkbox of vue to get the row data when selected
...

Javascript css html html5

Apr.02,2021
Vscode formatted indentation
use the vscode alt+shift+f format vue code to set the following template when pug, is used, how can you set the indentation of pug to 4 spaces, { "editor.fontSize": 12, "emmet.variables": { "lang": "z...

Javascript css html html5 node.js

Apr.06,2021