質問編集履歴
1
変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,19 +2,18 @@
|
|
|
2
2
|
こんにちは。プログラミングの知識はあまりないのですが、ググりながら頑張って勉強しています。wordpressで動画閲覧サイトを運営しているのですが、video.jpというサービスを利用することで以下のコードで倍速再生ができることを知りましたので実装したいと考えております。また、動画は埋め込みではありません。
|
|
3
3
|
ここに質問の内容を詳しく書いてください。
|
|
4
4
|
|
|
5
|
-
|
|
6
5
|
### 発生している問題・エラーメッセージ
|
|
7
6
|
ローカル環境で
|
|
8
7
|
```html
|
|
9
8
|
<head>
|
|
10
9
|
<link href="https://vjs.zencdn.net/7.5.5/video-js.css" rel="stylesheet">
|
|
11
10
|
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
|
|
12
|
-
<script src="https://vjs.zencdn.net/ie8/
|
|
11
|
+
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
|
|
13
12
|
</head>
|
|
14
13
|
|
|
15
14
|
<body>
|
|
16
15
|
<video id='my-video' class='video-js' controls preload='auto' width='640' height='264' data-setup='{}'>
|
|
17
|
-
<source src='/
|
|
16
|
+
<source src='http://nob10.com/wp-content/uploads/2019/11/5cc33a96b107855483b098d52fcb6ef6.mp4' type='video/mp4'>
|
|
18
17
|
|
|
19
18
|
|
|
20
19
|
To view this video please enable JavaScript, and consider upgrading to a web browser that
|
|
@@ -37,10 +36,36 @@
|
|
|
37
36
|
```
|
|
38
37
|
を動かしたときは倍速のボタンがvjs-control-berに現れ、倍速できるのですが、
|
|
39
38
|
wordpressでテーマのheader.phpのhead内に上記のhead内容を、投稿記事に上記のbody内容を書き込んで投稿すると、動画の倍速ボタンがなくなります。
|
|
40
|
-
|
|
39
|
+
現在は、wordpressのページにのみ、ソースコードのエラーをGooglechromeで確認すると
|
|
41
|
-
|
|
40
|
+
Uncaught SyntaxError: Unexpected token '<'
|
|
41
|
+
と表示され、
|
|
42
|
+
```ここに言語を入力
|
|
42
43
|
|
|
44
|
+
<body class="post-template-default single single-post postid-668 single-format-standard logged-in admin-bar no-customize-support public-page page-body categoryid-3 ff-kosugi-maru fz-20px fw-500 hlt-center-logo-wrap ect-entry-card-wrap rect-entry-card-wrap no-scrollable-sidebar no-scrollable-main sidebar-right mblt-footer-mobile-buttons scrollable-mobile-buttons author-admin mobile-button-fmb no-mobile-sidebar no-sp-snippet font-awesome-4" itemscope itemtype="https://schema.org/WebPage">
|
|
45
|
+
：
|
|
46
|
+
省略
|
|
47
|
+
：
|
|
48
|
+
<div class="entry-content cf" itemprop="mainEntityOfPage">
|
|
49
|
+
|
|
50
|
+
<video id='my-video' class='video-js' controls preload='auto' width='640' height='264' data-setup='{}'>
|
|
51
|
+
<source src='http://nob10.com/wp-content/uploads/2019/11/5cc33a96b107855483b098d52fcb6ef6.mp4' type='video/mp4'>
|
|
43
52
|
|
|
44
|
-
|
|
53
|
+
|
|
45
|
-
|
|
54
|
+
To view this video please enable JavaScript, and consider upgrading to a web browser that
|
|
55
|
+
<a href='https://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
</video>
|
|
59
|
+
<script src='https://vjs.zencdn.net/7.5.5/video.js'></script>
|
|
60
|
+
|
|
61
|
+
<script src='https://vjs.zencdn.net/7.5.5/video.js'></script>
|
|
62
|
+
<script>
|
|
63
|
+
(function(window, videojs) {
|
|
46
|
-
|
|
64
|
+
var player = window.player = videojs('my-video', {
|
|
65
|
+
playbackRates: [0.5, 1, 1.5, 2]
|
|
66
|
+
});
|
|
67
|
+
}(window, window.videojs));
|
|
68
|
+
</div>←ここでエラー！！！！
|
|
69
|
+
```
|
|
70
|
+
といった状況です。どこをいじれば解決するのでしょうか？
|
|
71
|
+
ご教授いただけると幸いです。
|